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

64次阅读
没有评论

共计 445 个字符,预计需要花费 2 分钟才能阅读完成。

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

优化方法:

<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=” 视频地址 ”。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-06-03发表,共计445字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)