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

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

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

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

文章插图
优化方法:
<iframe id="video" width="100%" src="http://img.caodingbaike.com/220901/12435R527-2.jpg"frameborder="0" allowfullscreen=""></iframe><script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>将以上代码粘贴到网页中,替换上面src=https://www.yf-zs.com/shuma/后面黄色标记的视频链接地址即可 。
【网页调用腾讯、优酷、爱奇艺视频实现自适应的方法】注意:建议站长在获取链接地址时,先复制腾讯、优酷、爱奇艺、搜狐等视频网站的通用代码,然后在通用代码中找到src="http://img.caodingbaike.com/220901/12435V508-3.jpg" 。