html5中video的属性方法,html5video显示控件

　　虽然HTML5视频可以用来显示控件，控制播放暂停，但是不同浏览器的显示效果可能不一样，所以很多时候我们需要使用Dom来进行一些自定义的操作和控件。这里有一个小例子。

　　当然效果不是很好看。如果想好看，可以设置自己的css样式。复制代码如下：

　　div id= video _ div style= text-align:center；

　　按钮onclick=playPause()播放/暂停/按钮

　　按钮onclick=toBig () large /button

　　button onclick中的button= to normal()

　　按钮onclick= to small() small/button

　　视频id= my video width= 500 height= 250 style= margin-top:15px；

　　source src= demo . MP4 type= video/MP4 /

　　source src= demo . ogg type= video/ogg /

　　您的浏览器不支持此HTML5视频标签。

　　/视频

　　/div复制代码代码如下：

　　脚本类型=文本/javascript

　　var my video=document . getelementbyid( my video )；

　　函数playPause()

　　{

　　if (myVideo.paused)

　　my video . play()；

　　其他

　　my video . pause()；

　　}

　　函数toBig()

　　{

　　myVideo.width=560

　　}

　　函数toNormal()

　　{

　　myVideo.width=420

　　}

　　函数toSmall()

　　{

　　myVideo.width=320

　　}

　　/脚本

　　请注意，在所有属性中，只有videoWidth和videoHeight属性立即可用。

　　在加载视频元数据之前，其他属性不可用。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。