如何在博客园中插入视频、音频、网页如何在博客园中插入视频、音

相信很多人都有这样的经历，当我们想在博客中插入视频、音频或者其他网页时，往往效果并不是我们想要的，因此分享一个小技巧：
1. iframe
【如何在博客园中插入视频、音频、网页】2.插入一个网页
3. 参考资料

HTML 标签</li> <li>关于博客园内嵌入bilibili视频</li> </ol></p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script>  <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1600276.html" title="蓦字五行属什么蓦字读音及解释"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蓦字五行属什么蓦字读音及解释" src="http://img.readke.com/230416/154T1KH-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1600276.html"> <b>蓦字五行属什么蓦字读音及解释 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1115936.html" title="企业qq怎么登录邮箱企业QQ邮箱登录的方法教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="企业qq怎么登录邮箱企业QQ邮箱登录的方法教程" src="http://img.readke.com/230223/122R33O3-0-lp.png"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1115936.html"> <b>企业qq怎么登录邮箱企业QQ邮箱登录的方法教程 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2384633.html" title="手工皂长出菌斑怎么回事手工皂出现白斑"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="手工皂长出菌斑怎么回事手工皂出现白斑" src="http://img.readke.com/230602/0504512018-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2384633.html"> <b>手工皂长出菌斑怎么回事手工皂出现白斑 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3598803.html" title="如何结束mysql命令行，mysql怎么终止命令"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何结束mysql命令行，mysql怎么终止命令" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3598803.html"> <b>如何结束mysql命令行，mysql怎么终止命令 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/504538.html" title="中国邮政在线客服邮政客服电话人工服务，中国邮政快递法规"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="中国邮政在线客服邮政客服电话人工服务，中国邮政快递法规" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/504538.html"> <b>中国邮政在线客服邮政客服电话人工服务，中国邮政快递法规 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3837978.html" title="元气骑士iOS破解版全无限下载，求元气骑士iOS无限宝石破解版不要越狱的最好带教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="元气骑士iOS破解版全无限下载，求元气骑士iOS无限宝石破解版不要越狱的最好带教程" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3837978.html"> <b>元气骑士iOS破解版全无限下载，求元气骑士iOS无限宝石破解版不要越狱的最好带教程 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/100HI4102021.html" title="一篇文章带你入门Java数据结构"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="一篇文章带你入门Java数据结构" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/100HI4102021.html"> <b>一篇文章带你入门Java数据结构 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2137285.html" title="原神各个角色升级材料《原神》3.4瑶瑶升级材料介绍"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="原神各个角色升级材料《原神》3.4瑶瑶升级材料介绍" src="http://img.readke.com/230518/1KHG2Y-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2137285.html"> <b>原神各个角色升级材料《原神》3.4瑶瑶升级材料介绍 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2879235.html" title="染头发为什么会爆顶"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="染头发为什么会爆顶" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2879235.html"> <b>染头发为什么会爆顶 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3438083.html" title="电视机通电后无任何反应什么原因,各个方面来对比下"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="电视机通电后无任何反应什么原因,各个方面来对比下" src="http://img.readke.com/231113/05421S000-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3438083.html"> <b>电视机通电后无任何反应什么原因,各个方面来对比下 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2043598.html" title="2019一级演员名单国家一级演员的全部名单"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2019一级演员名单国家一级演员的全部名单" src="http://img.readke.com/230512/0R9155930-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2043598.html"> <b>2019一级演员名单国家一级演员的全部名单 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2472257.html" title="测量机油的正确方法测量机油的正确方法视频教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="测量机油的正确方法测量机油的正确方法视频教程" src="http://img.readke.com/230609/050FaK0-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2472257.html"> <b>测量机油的正确方法测量机油的正确方法视频教程 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1170169.html" title="宋智孝结婚了吗宋智孝男朋友"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="宋智孝结婚了吗宋智孝男朋友" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1170169.html"> <b>宋智孝结婚了吗宋智孝男朋友 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1300827.html" title="贵妃芒怎么样才是熟了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="贵妃芒怎么样才是熟了" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1300827.html"> <b>贵妃芒怎么样才是熟了 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2086101.html" title="蕨菜什么时候采摘"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="蕨菜什么时候采摘" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2086101.html"> <b>蕨菜什么时候采摘 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2839889.html" title="为什么有人说“当年流氓真君子,今日君子真流氓”呢？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="为什么有人说“当年流氓真君子,今日君子真流氓”呢？" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2839889.html"> <b>为什么有人说“当年流氓真君子,今日君子真流氓”呢？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2572699.html" title="黄瓜菌核病如何防治效果好黄瓜病毒病怎样防治"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="黄瓜菌核病如何防治效果好黄瓜病毒病怎样防治" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2572699.html"> <b>黄瓜菌核病如何防治效果好黄瓜病毒病怎样防治 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3259613.html" title="初次使用初忆云服务器的感受如何？初忆云服务器怎么样"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="初次使用初忆云服务器的感受如何？初忆云服务器怎么样" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3259613.html"> <b>初次使用初忆云服务器的感受如何？初忆云服务器怎么样 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1786270.html" title="咖啡蛋糕的做法很需要啊"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="咖啡蛋糕的做法很需要啊" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1786270.html"> <b>咖啡蛋糕的做法很需要啊 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1348857.html" title="六神装是什么"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="六神装是什么" src="http://img.readke.com/230330/03141261E-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1348857.html"> <b>六神装是什么 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/832693.html" title="如何让人鱼线更明显|如何让人鱼线更明显人鱼线的几种技巧" target="_blank">如何让人鱼线更明显|如何让人鱼线更明显人鱼线的几种技巧 </a></li> <li><a href="/c/832618.html" title="回忆如沙，时光无痕" target="_blank">回忆如沙，时光无痕 </a></li> <li><a href="/c/832580.html" title="《把时间当作朋友》|《把时间当作朋友》之如何把自己活成一个企业呢（）" target="_blank">《把时间当作朋友》|《把时间当作朋友》之如何把自己活成一个企业呢（） </a></li> <li><a href="/c/832570.html" title="EFCore高级Saas系统下一个DbContext如何支持多数据库迁移" target="_blank">EFCore高级Saas系统下一个DbContext如何支持多数据库迁移 </a></li> <li><a href="/c/832558.html" title="如何把多个excel合并为一个excel里的多个sheet" target="_blank">如何把多个excel合并为一个excel里的多个sheet </a></li> <li><a href="/c/832552.html" title="八要穴保健康，涵盖头，胸腹，背，腰，腿" target="_blank">八要穴保健康，涵盖头，胸腹，背，腰，腿 </a></li> <li><a href="/c/832485.html" title="Angular|Angular Ngrx Store 里 State 和 Reducer 的绑定关系是如何实现的" target="_blank">Angular|Angular Ngrx Store 里 State 和 Reducer 的绑定关系是如何实现的 </a></li> <li><a href="/c/832462.html" title="《春风百十里，不如读你》" target="_blank">《春风百十里，不如读你》 </a></li> <li><a href="/c/832446.html" title="08 | 数据采集（如何自动化采集数据（））" target="_blank">08 | 数据采集（如何自动化采集数据（）） </a></li> <li><a href="/c/832426.html" title="html5|PYTHON构建简单 HTTP" target="_blank">html5|PYTHON构建简单 HTTP </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/832736.html'>8.26卡</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/832738.html'>微博动漫中日漫画大赛启动|微博动漫中日漫画大赛启动鼓励用户大胆创新</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832738.html" title="微博动漫中日漫画大赛启动|微博动漫中日漫画大赛启动鼓励用户大胆创新"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="微博动漫中日漫画大赛启动|微博动漫中日漫画大赛启动鼓励用户大胆创新" src="http://img.readke.com/220724/0502463130-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832738.html" title="微博动漫中日漫画大赛启动|微博动漫中日漫画大赛启动鼓励用户大胆创新">微博动漫中日漫画大赛启动|微博动漫中日漫画大赛启动鼓励用户大胆创新</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832737.html" title="如何在博客园中插入视频、音频、网页"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="如何在博客园中插入视频、音频、网页" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832737.html" title="如何在博客园中插入视频、音频、网页">如何在博客园中插入视频、音频、网页</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832736.html" title="8.26卡"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="8.26卡" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832736.html" title="8.26卡">8.26卡</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832735.html" title="享受生活有一万种方式，逼他改变不在其列"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="享受生活有一万种方式，逼他改变不在其列" src="http://img.readke.com/220724/05021K635-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832735.html" title="享受生活有一万种方式，逼他改变不在其列">享受生活有一万种方式，逼他改变不在其列</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832716.html" title="Struts2中的servlet对象"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="Struts2中的servlet对象" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832716.html" title="Struts2中的servlet对象">Struts2中的servlet对象</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832715.html" title="健身前后的四个饮食常识"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="健身前后的四个饮食常识" src="http://img.readke.com/220724/0409156455-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832715.html" title="健身前后的四个饮食常识">健身前后的四个饮食常识</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832714.html" title="从“前羽毛球国手被控诉性虐女网友”谈“不能理解能否包容”"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="从“前羽毛球国手被控诉性虐女网友”谈“不能理解能否包容”" src="http://img.readke.com/220724/040U33357-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832714.html" title="从“前羽毛球国手被控诉性虐女网友”谈“不能理解能否包容”">从“前羽毛球国手被控诉性虐女网友”谈“不能理解能否包容”</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832713.html" title="道德经·第一章"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="道德经·第一章" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832713.html" title="道德经·第一章">道德经·第一章</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832712.html" title="三国杀十周年(1)（最全群雄主公的有趣台词总结，你有映像吗（））"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="三国杀十周年(1)（最全群雄主公的有趣台词总结，你有映像吗（））" src="http://img.readke.com/220724/040J0G37-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832712.html" title="三国杀十周年(1)（最全群雄主公的有趣台词总结，你有映像吗（））">三国杀十周年(1)（最全群雄主公的有趣台词总结，你有映像吗（））</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/832711.html" title="都市主妇的烦恼（第七章|都市主妇的烦恼（第七章一封辞职信?）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="都市主妇的烦恼（第七章|都市主妇的烦恼（第七章一封辞职信?）" src="http://img.readke.com/220724/040H34491-0-lp.jpg"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/832711.html" title="都市主妇的烦恼（第七章|都市主妇的烦恼（第七章一封辞职信?）">都市主妇的烦恼（第七章|都市主妇的烦恼（第七章一封辞职信?）</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>