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

更新日期: 2023-07-20 阅读次数: 6047 字数: 193 分类: 前端

在博客网站中嵌入了一段 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 聊聊, 查看更多联系方式