HTML5——视频/音频的DOM控制

    DOM（Document Object Model）是为了操作文档而出现的API。一个HTML网页文件就是一个文档，把标签(对)看作“对象（Object）”，则一个HTML文件（网页）就是一个DOM，也是一个对象树。对象拥有方法、属性和事件。

    HTML5的<video>和<audio>使用DOM控制，也有方法、属性和事件。也就是说，通过JavaScript语言可以实现对<video>和<audio>的控制。例如，document.getElementById('videoIdName')可以定位标签，play()方法可以控制视频播放。

    怎样使用JavaScript监听并利用事件呢？主要有两种方法：

    一种是获取事件句柄，直接赋值。例如video.οnplay=begin_playing(其中begin_playing是处理函数)；又如video.οnlοadstart=alert("loadstart")。

    另一种是使用addEventListener()方法监听。该函数的语法是document.addEventListener(event, function, useCapture)，其中event和function都是必选参数，event代表所监听事件的名称（去掉on，如onplay时事件名称为play），function代表事件触发后执行的函数。useCapture是可选参数，它是布尔类型，true取值时function在捕获阶段执行，false取值时function在冒泡阶段执行。

    HTML5的视频/音频DOM参考手册详见菜鸟教程的http://www.runoob.com/tags/ref-av-dom.html。

    后期再更新详细实践吧。