7b2美化-文章插入其它平台自适应视频教程
7b2美化-文章插入其它平台自适应视频教程
1.前往b站获取视频的aid，如图
2.获取后将aid放入以下代码
<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中，加入以下代码：
<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站、腾讯、爱奇艺、优酷、虎牙直播平台等）调用代码，以腾讯视频为例
<iframe id="wailianvideo" src="//v.qq.com/x/page/u3334fwn87f.html" width="100%" height="150" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>本文来自：小狐狸资源网
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云直播
云直播（Cloud Streaming Services，CSS）为您提供极速、稳定、专业的云端直播处理服务，根据业务的不同直播场景需求，云直播提供了标准直播、快直播、云导播台三种服务，分别针对大规模实时观看、超低延时直播、便捷云端导播的场景，配合腾讯云视立方·直播 SDK，为您提供一站式的音视频直播解决方案。
腾讯云开发者
