视频效果展示
使用方法
1、点击上面的视频按钮(如下图)
2、选择嵌入视频(如下图)
3、去B站获取嵌入代码(如下图)
我们获得以下嵌入代码,这串代码我们要修改一下。
<iframe src="//player.bilibili.com/player.html?aid=529239461&bvid=BV1wu411x7Us&cid=1145943351&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
把上面这段地址复制一下,看下面。
//player.bilibili.com/player.html?aid=529239461&bvid=BV1wu411x7Us&cid=1145943351&page=1
然后我们在复制下面这段代码。
<iframe src="这个区域我们替换一下刚才复制的地址&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
好了,我们把上面两段代码合并一下,就获得了下面的嵌入代码。
<iframe src="//player.bilibili.com/player.html?aid=529239461&bvid=BV1wu411x7Us&cid=1145943351&page=1&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
4、最后,我们把合并好的代码放到嵌入视频里面,就可以啦!
代码详解
BILIBILI 地址PC端参数
&high_quality=1 (1=最高画质 0=最低画质)
&danmaku=0 (1=打开弹幕 0=关闭弹幕)
iframe 参数
allowfullscreen="allowfullscreen" #移动端全屏
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页
请登录后查看回复内容