WordPress iframe嵌入BiliBili视频方法B站视频外链 如何在WP网页插入B站视频

折腾网站过程中遇到的插入视频问题,附上解决方法,同时也给自己备个份,方便查找。有需要的童鞋可以依葫芦画瓢,拿走不谢!

效果请看站内视频文章 将复制的分享地址改成以下形式  

<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>
属性描述
alignleftrighttopmiddlebottom不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
frameborder10规定是否显示框架周围的边框。
heightpixels%规定 iframe 的高度。
longdescURL规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheightpixels定义 iframe 的顶部和底部的边距。
marginwidthpixels定义 iframe 的左侧和右侧的边距。
nameframe_name规定 iframe 的名称。
sandbox“”allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <iframe> 中内容的额外限制。
scrollingyesnoauto规定是否在 iframe 中显示滚动条。
seamlessseamless规定 <iframe> 看上去像是包含文档的一部分。
srcURL规定在 iframe 中显示的文档的 URL。
srcdocHTML_code规定在 <iframe> 中显示的页面的 HTML 内容。
widthpixels%定义 iframe 的宽度。

本文来源于:贝贝会员站

原创不易,转载请注明出处:宝宝小店,只卖正品 收售工厂呆滞库存尾单 » WordPress iframe嵌入BiliBili视频方法B站视频外链 如何在WP网页插入B站视频
微信服务号:这里是资讯和交流的平台。
电子产品库存,外贸尾单的交流,互换,共赢的平台。
14795人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • (邮箱) (必填)
  • (网址)
首页 购物车 宝店 售后 订单

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏