编程 Javascript

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>

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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 日漫