html+JavaScript的媒体元素

 
 

-   属性

     每个元素至少要求有一个 src 属性,以表示要加载的媒体文件。我们也可以指定表示视频播放器大 小的 width height 属性,以及在视频加载期间显示图片 URI poster 属性。另外,ontrols 属性如果存在,则表示浏览器应该显示播放界面,让用户可以直接控制媒体。开始和结束标签之间的内 容是在媒体播放器不可用时显示的替代内容。
        由于浏览器支持的媒体格式不同,因此可以指定多个不同的媒体源。为此,需要从元素中删除 src属性,使用一个或多个 元素代替,如下面的例子所示:
 
    
    
    
    讨论不同音频

元素提供了稳健的 JavaScript 接口。这两个元素有很多共有属性,可以用于确
定媒体的当前状态,如下表所示。
html+JavaScript的媒体元素_第1张图片

html+JavaScript的媒体元素_第2张图片

- 事件

        除了有很多属性,媒体元素还有很多事件。这些事件会监控由于媒体回放或用户交互导致的不同属 性的变化。下表列出了这些事件
html+JavaScript的媒体元素_第3张图片

html+JavaScript的媒体元素_第4张图片 - 自定义媒体播放器

        使用 play() pause() 方法,可以手动控制媒体文件的播放。综合使用属
性、事件和这些方法,可以方便地创建自定义的媒体播放器,如下面的例子所示:

0/0

你可能感兴趣的:(javascript,html,媒体)