网站中嵌入 B 站视频,禁止 iframe 代码中的视频自动播放

文章目录

    在博客网站中嵌入了一段 B 站的视频,代码是从分享功能中获取的 iframe 代码:

    <iframe src="//player.bilibili.com/player.html?aid=951910057&bvid=BV1zs4y177sv&cid=1078968085&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    

    但是这个代码有个体验问题,就是打开网页时,会自动播放视频,有的用户忘了静音,会被吓一跳。

    比较好的做法是禁止自动播放。

    禁止自动播放

    禁用方法很简单,就是在视频 url 链接最后加上 autoplay=0。例如:

    <iframe src="//player.bilibili.com/player.html?aid=951910057&bvid=BV1zs4y177sv&cid=1078968085&page=1&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="500" height="300"> </iframe>
    

    实际效果

    比较遗憾的是,没有发现抖音的视频如何嵌入网页。

    默认静音

    bilibili 视频静音

    参考

    • https://www.ymhave.com/archives/bilibiliiframe.html

    关于作者 🌱

    我是来自山东烟台的一名开发者,有感兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊,或者关注我的个人公众号“大象工具”, 查看更多联系方式