HTML5的video元素

<video>标记语法格式如下。<video src="url" controls="controls">替代文字</video>属性值说明srcurl要播放视频的URLcontrolscontrols添加播放、暂停和音量等控件<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属性的值自动修改为falsepause()暂停媒体,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>

(0)

相关推荐

  • [html] 第118天 有使用过HTML5的跟踪元素吗?说说你对它的理解

    今日试题: 有使用过HTML5的跟踪元素吗?说说你对它的理解 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己 ...

  • [html] 第114天 举例说明HTML5的Canvas元素有什么用途?

    今日试题: 举例说明HTML5的Canvas元素有什么用途? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己 ...

  • 中级Web教程:HTML5表单元素

    网络前端高薪的诱惑,学习门槛低,不管是学生党还是工作者,都渴望凭借自己的能力,空闲的时间,去学前端.也许是一种爱好,也许是一种想从事的工作.但它真的那么简单吗?现在,初级前端的工作,已接近饱和,并处于 ...

  • HTML5新增的元素表

    HTML5新增的元素大全 新增多媒体元素 标签 描述 audio 定义音频内容 viedo 定义视频(video 或者 movie) source 定义多媒体资源 <video> 和 &l ...

  • [html] 第113天 在HTML5中如何组合标题?用哪个元素?

    今日试题: 在HTML5中如何组合标题?用哪个元素? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我每天多次反省自己). 前 ...

  • 如何在HTML5网页中插入 Video(视频)

    在一个网页中植入视频是最常见的事情了,比如优酷.土豆等等视频网站,哪一个网页没有视频呢,至于如何制作的,还需要参加培训班来学习下了,下面就先随着小编一起来看看在HTML5网页中如何植入Video(视频 ...

  • 中级Web教程:HTML5语义元素

    网络前端高薪的诱惑,学习门槛低,不管是学生党还是工作者,都渴望凭借自己的能力,空闲的时间,去学前端.也许是一种爱好,也许是一种想从事的工作.但它真的那么简单吗?现在,初级前端的工作,已接近饱和,并处于 ...

  • [html5]html5视频播放器中video和audio标签的使用说明附源代码

    HTML5视频video/音频audio的用法介绍,有了这种原生的HTML5视频播放器/音频播放器,我们不再需要flash技术,而直接能将视频/音频嵌入到了网页中 HTML5里引入的新标记 <a ...

  • 热情跳跃的篝火水彩元素,太爱了

    ............................................................................... Prakashan Puthur,印度艺 ...