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

发布时间: 2023-04-03 20:43:12 作者: 大象笔记

在博客网站中嵌入了一段 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>

实际效果

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

默认静音

参考

我是一名山东烟台的开发者,联系作者