昨天写文章时发现使用 video 引用B站视频后无法播放，不用想肯定是B站做了限制(视频网站基本都限制了清晰度)，索性把方法记录下来，以防后续再忘。

添加的写法

以这个B站视频为例： https://www.bilibili.com/video/BV1ijn9eWE2k/ (此视频的 bvid 为 BV1ijn9eWE2k )

错误演示

直接使用外链地址是无法播放的(不要用这个哈)

## 不生效的
<video src="https://www.bilibili.com/video/BV1ijn9eWE2k/" autoplay loop muted></video>

正确演示

官方写法(替换 bvid 即可)

<iframe src="//player.bilibili.com/player.html?bvid=BV1ijn9eWE2k" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

点击文字跳转方法

<a href="https://www.bilibili.com/video/BV1ijn9eWE2k/" target="_blank">“闲庭信步，一招一式，这就是儿时幻想过的武侠场景啊”——B站：战斗猪George</a>

“闲庭信步，一招一式，这就是儿时幻想过的武侠场景啊”——B站：战斗猪George

优化后的写法

点击可以跳转到B站

<iframe src="//player.bilibili.com/player.html?bvid=BV1ijn9eWE2k" scrolling="no" border="0" frameborder="no" framespacing="0" width="100%" height="500" allowfullscreen="true"></iframe>

点击不会跳转到B站

<iframe src="//player.bilibili.com/player.html?bvid=BV1ijn9eWE2k" scrolling="no" border="0" frameborder="no" framespacing="0" width="100%" height="500" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

参考地址

解铃还须系铃人啊！也可以自行研究一下哈。附：哔哩哔哩外链播放器 - 使用说明