javascript实现youku的视频代码自适应宽度


Posted in Javascript onMay 25, 2015

由于是在网站编辑器里面编辑的内容,所以一直想通过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>
Javascript 相关文章推荐
前后台交互过程中json格式如何解析以及如何生成
Dec 26 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
Vue.js计算机属性computed和methods方法详解
Oct 12 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
js实现小时钟效果
Mar 25 Javascript
微信WeixinJSBridge API使用实例
May 25 #Javascript
jquery.validate使用时遇到的问题
May 25 #Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 #Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 #Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
May 25 #Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 #Javascript
jquery控制表单输入框显示默认值的方法
May 22 #Javascript
You might like
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php 变量定义方法
2009/06/14 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
PHP生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
iframe 异步加载技术及性能分析
2011/07/19 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
vue2.0父子组件及非父子组件之间的通信方法
2017/01/21 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
vue使用axios上传文件(FormData)的方法
2019/04/14 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
Windows下安装Scrapy
2018/10/17 Python
python导入模块交叉引用的方法
2019/01/19 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
Python3.5面向对象与继承图文实例详解
2019/04/24 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
初中生毕业评语
2014/12/29 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
python基础之停用词过滤详解
2021/04/21 Python
JavaScript分页组件使用方法详解
2021/07/26 Javascript