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

 更新时间:2015年05月25日 09:36:30   投稿:hebedich  
这篇文章主要介绍了javascript实现youku的视频代码自适应宽度的方法的示例,十分的简单实用,有需要的小伙伴可以参考下。

由于是在网站编辑器里面编辑的内容,所以一直想通过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>

相关文章

  • 为原生js Array增加each方法

    为原生js Array增加each方法

    为原生js Array增加each方法,通过prototype来增加功能,进行扩展
    2012-04-04
  • 几种tab切换详解

    几种tab切换详解

    本文主要分享了几种tab切换的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • javascript判断网页是关闭还是刷新

    javascript判断网页是关闭还是刷新

    本篇文章给大家介绍js判断网页是关闭还是刷新,实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序,需要的朋友可以参考下本文
    2015-09-09
  • javascript如何实现360度全景照片问题汇总

    javascript如何实现360度全景照片问题汇总

    这篇文章主要为大家详细汇总了javascript如何实现360度全景照片问题,感兴趣的朋友可以参考一下
    2016-04-04
  • 详解JS中的attribute属性

    详解JS中的attribute属性

    Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍。具体内容详情大家参考下本文
    2017-04-04
  • 使用js实现按钮控制文本框加1减1应用于小时+分钟

    使用js实现按钮控制文本框加1减1应用于小时+分钟

    正如标题所言使用js实现按钮控制文本框加1减1,此类主要应用于小时+分钟,下面有个不错的示例,喜欢的朋友可以参考下
    2013-12-12
  • JS实现面向对象继承的5种方式分析

    JS实现面向对象继承的5种方式分析

    这篇文章主要介绍了JS实现面向对象继承的5种方式,结合实例形式分析了JavaScript面向对象继承功能的5种常见实现方法原理与操作技巧,需要的朋友可以参考下
    2018-07-07
  • 原生js实现jquery函数animate()动画效果的简单实例

    原生js实现jquery函数animate()动画效果的简单实例

    下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript中async/await的高级用法小结

    JavaScript中async/await的高级用法小结

    JavaScript的异步编程已经从回调(Callback)演进到Promise,再到如今广泛使用的async/await语法,本文为大家整理了7个async/await高级用法,希望对大家有所帮助
    2023-12-12
  • JavaScript function函数种类详解

    JavaScript function函数种类详解

    这篇文章主要为大家详细介绍了JavaScript function函数种类,包括普通函数、匿名函数、闭包函数,感兴趣的小伙伴们可以参考一下
    2016-02-02

最新评论