腾讯、优酷视频的自适应宽高度的方法

  • 浏览:

添加腾讯、优酷视频的通用代码时,代码复制过来后,高度只有150px,无法正常显示,如果将宽度和高度设置固定值之后,移动端则不能自适应,出现错位问题。

添加腾讯、优酷视频的通用代码时,代码复制过来后,高度只有150px,无法正常显示,如果将宽度和高度设置固定值之后,移动端则不能自适应,出现错位问题。
可以按照下列方法更改代码:红色部分为后加的。
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=n0186d6jywr" allowFullScreen="true" width="100%" id="video"></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

相关阅读

  • 暂无相关信息