JavaScript实现优酷视频代码自适应宽度

作者:小括号时间:2026-10-29 10:08:46浏览:121

本文介绍在网页编辑器中通过JavaScript脚本控制优酷Flash视频嵌入代码的宽度自适应方法。核心思路是获取视频元素的scrollWidth,乘以0.8系数后动态设置高度,从而解决固定高度导致的显示问题。

JavaScript实现优酷视频代码自适应宽度

由于内容是在网站编辑器中编辑的,因此一直尝试通过CSS方法来解决视频高度问题,但找到的方案都存在明显缺陷。最终不得不采用脚本来控制列的高度,具体实现代码如下:

代码如下:

<div style="text-align: center;">
<embed id="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>
<script type="text/javascript">document.getElementById("movie").style.height=document.getElementById("movie").scrollWidth*0.8+"px"</script>
作者最新文章