7b2美化-文章插入其它平台自适应视频教程
1.前往b站获取视频的aid,如图
2.获取后将aid放入以下代码
代码语言:javascript复制<iframe id="mcvideo" src="//player.bilibili.com/player.html?aid=你获取的aid填在这里&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
3.再主题footer.php中,加入以下代码:
代码语言:javascript复制<script type="text/javascript">
if(document.getElementById("wailianvideo")){
document.getElementById("wailianvideo").style.height=document.getElementById("wailianvideo").scrollWidth*0.64 "px";
}
</script>
<style>
@media screen and (max-width: 768px){
.entry-content iframe {
height: 250px !important;
}
}
</style>
4.将第二步的代码添加到文章,使用古腾堡编辑器-自定义HTML模块放置。
5.其它平台(B站、腾讯、爱奇艺、优酷、虎牙直播平台等)调用代码,以腾讯视频为例
代码语言:javascript复制<iframe id="wailianvideo" src="//v.qq.com/x/page/u3334fwn87f.html" width="100%" height="150" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>
本文来自:小狐狸资源网
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。