本文作者:35博客

网页调用腾讯、优酷、爱奇艺视频实现自适应的方法

35博客 3个月前 ( 08-17 ) 572 1条评论

很多时候,站长在自己网站发布文章会使用腾讯、优酷、爱奇艺、搜狐频网站上的视频,这些视频网站给出的通用代码放到网页后体验并不理想,因此在调用这些视频需要优化处理一下。

网页调用腾讯、优酷、爱奇艺视频实现自适应的方法 第1张

优化方法:

<iframe id="video" width="100%" src="http://player.youku.com/embed/XOTU2MTE1MDQw"  frameborder="0" allowfullscreen=""></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

将以上代码粘贴到网页中,替换上面src=后面黄色标记的视频链接地址即可。

注意:建议站长在获取链接地址时,先复制腾讯、优酷、爱奇艺、搜狐等视频网站的通用代码,然后在通用代码中找到src="视频地址"。可以查看本站的观影指南查看效果!

版权声明:本文作者尹华峰,转载请注明

文章版权及转载声明:

作者:35博客本文地址:https://www.35boke.com/post/124.html发布于 3个月前 ( 08-17 )
文章转载或复制请以超链接形式并注明出处35博客

分享到:
赞(0

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

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (有 1 条评论,572人围观)参与讨论
网友昵称:访客
访客 游客2019-08-18沙发 回复 UC Browser 12.6.0.1040 Huawei HLK-AL00
找我来