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 相关文章推荐
JavaScript setTimeout和setInterval的使用方法 说明
Mar 25 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
JS实现拖拽元素时与另一元素碰撞检测
Aug 27 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
微信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
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
在Laravel 的 Blade 模版中实现定义变量
2019/10/14 PHP
JSON 学习之完全手册 图文
2007/05/29 Javascript
js location.replace与location.reload的区别
2010/09/08 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
JS实现浏览器打印、打印预览示例
2017/02/28 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
JavaScript比较两个数组的内容是否相同(推荐)
2017/05/02 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
JavaScript this关键字的深入详解
2021/01/14 Javascript
python统计字符串中指定字符出现次数的方法
2015/04/04 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
python解析含有重复key的json方法
2019/01/22 Python
python 利用zmail库发送邮件
2020/09/11 Python
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
中专毕业生自我鉴定
2014/02/02 职场文书
单位员工收入证明样本
2014/10/09 职场文书
个人求职信格式范文
2015/03/20 职场文书
毕业设计致谢语
2015/05/14 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫