实例把视频设置为默认低速播放：myVid=document.getElementById("video1"); myVid.defaultPlaybackRate=0.5;定义和用法defaultPlaybackRate 属性设置或返回音频/视频的默认播放速度。设置该属性仅会改变默认的播放速度，而不是当前的。要改变当前的播放速度，请使用 playbackRate 属性。浏览器支持只有 Google Chrome 支持 defaultPlaybackRate 属性。语法设置 defaultPlaybackRate 属性：audio|video.defaultPlaybackRate=playbac...
实例获得当前视频的长度：myVid=document.getElementById("video1"); alert(myVid.duration);定义和用法duration 属性返回当前音频/视频的长度，以秒计。如果未设置音频/视频，则返回 NaN (Not-a-Number)。浏览器支持所有主流浏览器都支持 duration 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.duration技术细节返回值数字值，表示音频/视频的长度，以秒计。根据JavaScript高级程序设计中P489页...
实例检查视频播放是否已结束：myVid=document.getElementById("video1"); alert(myVid.ended);定义和用法ended 属性返回音频/视频是否已结束。如果播放位置位于音频/视频的结尾时，则音频/视频已结束。浏览器支持所有主流浏览器都支持 ended 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.ended返回值类型描述布尔值true|false。如果播放已结束，则返回 true。否则返回 false。实例检查视频播放是...
实例为两段视频设置媒体组合：myVid1=document.getElementById("video1"); myVid2=document.getElementById("video2"); myVid1.mediaGroup="test"; myVid2.mediaGroup="test";定义和用法mediaGroup 属性设置或返回音频/视频所属的媒体组合的名称。媒体分组允许两个或更多音频/视频元素保持同步。浏览器支持没有主流浏览器支持 mediaGroup 属性。语法设置 mediaGroup 属性：audio|video.mediaGroup="group"返回 mediaGroup 属性：au...
实例关闭视频的声音：myVid=document.getElementById("video1"); myVid.muted=true;定义和用法muted 属性设置或返回音频/视频是否应该被静音（关闭声音）。浏览器支持所有主流浏览器都支持 muted 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法设置 muted 属性：audio|video.muted=true|false返回 muted 属性：audio|video.muted属性值值描述true指示应该关闭音频/视频的声音。false默认。指示应该打开音频/视...
实例获得视频的当前网络状态：myVid=document.getElementById("video1"); alert(myVid.networkState);定义和用法networkState 属性返回音频/视频的当前网络状态（activity）。浏览器支持所有主流浏览器都支持 networkState 属性。注释：Internet Explorer 8 或更早的浏览器不支持该属性。语法audio|video.networkState返回值类型描述数字值表示音频/视频元素的当前网络状态：0 = NETWORK_EMPTY - 音频/视频尚未初始化1 = NETWORK_I...
实例在视频(video)准备开始播放时执行 JavaScript：<video oncanplay="myFunction()">定义和用法oncanplay 事件在用户可以开始播放视频/音频（audio/video）时触发。在视频/音频（audio/video）加载过程中，事件的触发顺序如下：onloadstartondurationchangeonloadedmetadataonloadeddataonprogressoncanplayoncanplaythrough浏览器支持表格中的数字表示支持该事件的第一个浏览器的版本号。语法HTML 中：<element oncanplay="myScr...
实例检测您的浏览器是否能播放不同类型的视频：myVid=document.createElement(video); isSupp=myVid.canPlayType(vidType+;codecs="+codType+");定义和用法canPlayType() 方法浏览器是否能播放指定的音频/视频类型。canPlayType() 方法可返回下列值之一："probably" - 浏览器最可能支持该音频/视频类型"maybe" - 浏览器也许支持该音频/视频类型"" - （空字符串）浏览器不支持该音频/视频类型浏览器支持所有浏览器都支持 canPlayTyp...
实例更改视频来源，并重载视频：document.getElementById("mp4_src").src="movie.mp4"; document.getElementById("ogg_src").src="movie.ogg"; document.getElementById("video1").load();定义和用法load() 方法重新加载音频/视频元素。load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新。浏览器支持所有主流浏览器都支持 load() 方法，除了 Safari。注释：Internet Explorer 8 以及更早版本不支持该方法。语法audio|...
实例带有播放和暂停按钮的一段视频：var myVideo=document.getElementById("video1"); function playVid(){ myVideo.play();} function pauseVid(){myVideo.pause();}定义和用法play() 方法开始播放当前的音频或视频。浏览器支持所有主流浏览器都支持 play() 方法。注释：Internet Explorer 8 以及更早版本不支持该方法。语法audio|video.play()代码实例：<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>视频播放</t...
实例带有播放和暂停按钮的一段视频：var myVideo=document.getElementById("video1"); function playVid(){myVideo.play();} function pauseVid(){ myVideo.pause();}定义和用法pause() 方法停止（暂停）当前播放的音频或视频。浏览器支持所有主流浏览器都支持 pause() 方法。注释：Internet Explorer 8 以及更早版本不支持该方法。语法audio|video.pause()如果要用js来控制audio的暂停与播放，我们不能直接在audio上添加点击事件...
《后盾网HTML5视频教程》是现在以及未来一项重要的技术，学好HTML5不仅可以让你开发WEB前端界面，设计出能够适应各种尺寸设备的网页；甚至可以让你使用HTML5技术开发出Hybird App（一种混合式开发Android/iOS/Windows Phone等设备的应用）；或者用HTML5技术开发出桌面程序（参看Node Webkit项目，请自行Github）。课程播放地址：http://www.gxlcms.com/course/469.html该老师讲课风格:教师讲课深入浅出，条理清楚，层层剖析，环环相...
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式,HTML5在2007年被万维网联盟(W3C)新的工作组采用。这个工作组在2008年1月发布了HTML 5的首个公开草案。眼下，HTML5处于“呼吁审查”状态，W3C预期它将在2014年年底达到其最终状态。课程播放地址：http://www.gxlcms.com/course/389.html该老师讲课风格:教师讲...
单纯的音乐播放是否过于单调，在听音乐的同时如果也能看见音乐是否更加带感。本课程将带领你使用webAudio和canvas将你的音乐以你喜欢的形式可视化出来，让你的音乐动起来。课程播放地址：http://www.gxlcms.com/course/327.html该老师讲课风格:教师讲课深入浅出，条理清楚，层层剖析，环环相扣，论证严密，结构严谨，用思维的逻辑力量吸引学生的注意力，用理智控制课堂教学进程。学生通过听教师的讲授，不仅学到知识，也受到思维的...
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改（这是一项推荐标准、外语原文：W3C Recommendation、见本处参考资料原文内容：）。2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。《妙味课堂HTML5视频教程》 将会介绍超文本标记语言（HTML）的第五次重大修改，即最新版本；它比原来的标准又增加了一些新的标签，实现更多功能，更标准化，更适用于移动互...