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>作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
