折腾网站过程中遇到的插入视频问题,附上解决方法,同时也给自己备个份,方便查找。有需要的童鞋可以依葫芦画瓢,拿走不谢!
效果请看站内视频文章 将复制的分享地址改成以下形式
<iframe src="//player.bilibili.com/player.html?aid=60016166&cid=104514776&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>
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" #禁止弹出网页
- 可以调节视频的高度,宽度代码。style=”width: 100%; height: 600px; max-width: 100%;align:center; padding:20px 0;”> </iframe>
- 禁止弹出外链:
- style=”width: 100%; height: 600px; max-width: 100%;align:center; padding:20px 0;”sandbox=”allow-top-navigation allow-same-origin allow-forms allow-scripts”> </iframe>
属性 | 值 | 描述 |
---|---|---|
align | leftrighttopmiddlebottom | 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。 |
frameborder | 10 | 规定是否显示框架周围的边框。 |
height | pixels% | 规定 iframe 的高度。 |
longdesc | URL | 规定一个页面,该页面包含了有关 iframe 的较长描述。 |
marginheight | pixels | 定义 iframe 的顶部和底部的边距。 |
marginwidth | pixels | 定义 iframe 的左侧和右侧的边距。 |
name | frame_name | 规定 iframe 的名称。 |
sandbox | “”allow-formsallow-same-originallow-scriptsallow-top-navigation | 启用一系列对 <iframe> 中内容的额外限制。 |
scrolling | yesnoauto | 规定是否在 iframe 中显示滚动条。 |
seamless | seamless | 规定 <iframe> 看上去像是包含文档的一部分。 |
src | URL | 规定在 iframe 中显示的文档的 URL。 |
srcdoc | HTML_code | 规定在 <iframe> 中显示的页面的 HTML 内容。 |
width | pixels% | 定义 iframe 的宽度。 |
本文来源于:贝贝会员站