HTML5的video元素

♩♪♫♬点进来你就知道什么回事，每一次遇见都是你的幸运♩♪♫♬

• <video>标记语法格式如下。

<video src="url" controls="controls">替代文字</video>

属性	值	说明
src	url	要播放视频的URL
controls	controls	添加播放、暂停和音量等控件

 

 

 

 

<video width="320px" height="240px" controls="controls"><source src="movie.ogg" type="video/ogg"/><source src="movie.mp4" type="video/mp4"/><source src="movie.webm" type="video/webm"/>

 

您的浏览器不支持video标记

</video>

play()	播放媒体，paused属性的值自动修改为false
pause（）	暂停媒体，paused属性的值自动修改为true

 

 

 

<video id="myVideo" width="320" height="240" controls><source src="images/lego.ogv" type="video/ogv"><source src="images/lego.mp4" type="video/mp4"><source src="images/lego.webm" type="video/webm"><object data=" images/lego.mp4" width="320" height="240">  <embed width="320" height="240" src=" images/lego.swf"></object></video>

 

<br>

　　

<button onClick="document.getElementById('myVideo').play()">播放</button><button onClick="document.getElementById('myVideo').pause()">暂停</button><button onClick="document.getElementById('myVideo').volume += 0.1">音量+</button><button onClick="document.getElementById('myVideo').volume -= 0.1">音量-</button><button onClick="document.getElementById('myVideo').muted = true"> 静音</button><button onClick="document.getElementById('myVideo').muted = false">取消静音</button>

 

原文转载：http://www.shaoqun.com/a/481281.html

铭宣：https://www.ikjzd.com/w/1551.html

汇通天下：https://www.ikjzd.com/w/2055

智邦：https://www.ikjzd.com/w/2376

♩♪♫♬点进来你就知道什么回事，每一次遇见都是你的幸运♩♪♫♬<video>标记语法格式如下。<videosrc="url"controls="controls">替代文字</video>属性值说明srcurl要播放视频的URLcontrolscontrols添加播放、暂停和音量等控件<videowidth=&quo
亚马逊t恤：https://www.ikjzd.com/w/1932
easel：https://www.ikjzd.com/w/1721
华东五市之一上海怎样？：http://tour.shaoqun.com/a/5897.html
寻访那些流传在重庆的动人"爱情故事"：http://tour.shaoqun.com/a/20022.html
彝家的"春节"：彝族年(图) - ：http://tour.shaoqun.com/a/11542.html