javascript实现youku的视频代码自适应宽度
更新时间:2015年05月25日 09:36:30 投稿:hebedich
这篇文章主要介绍了javascript实现youku的视频代码自适应宽度的方法的示例,十分的简单实用,有需要的小伙伴可以参考下。
由于是在网站编辑器里面编辑的内容,所以一直想通过CSS的方法来解决,可是找到的方式都有明显的缺陷,最终被迫采用脚本来控制列的高度,代码如下:
复制代码 代码如下:
<divstyle="text-align: center;">
<embedid="movie"src="http://player.youku.com/player.php/sid/XMjg4NzkzMjQ4/v.swf"allowfullscreen="true"quality="high"width="90%"align="middle"allowscriptaccess="always"type="application/x-shockwave-flash"/>
</div>
<scripttype="text/javascript">document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px"</script>
相关文章
JS实现动画兼容性的transition和transform实例分析
这篇文章主要介绍了JS实现动画兼容性的transition和transform方法,结合实例形式分析了transition和transform方法针对手机端浏览器兼容性问题上的相关处理技巧,需要的朋友可以参考下2016-12-12
Bootstrap DateTime Picker日历控件简单应用
这篇文章主要介绍了Bootstrap DateTime Picker日历控件的简单应用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-03-03


最新评论