必须iframe不然有些手机无法观看视频

方法:获取到宽度后,js一个高度补进去

弊端:无法即时调整宽高,必须刷新一遍网页

示例如下:

 



代码如下:

<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>