HTML——多媒体标签的基本属性及使用

一.   多媒体标签基本属性

    常用的多媒体标签主要有两个，分别是

       

2. preload 属性

    该属性用于指定视频或音频数据是否预加载。如果使用预加载，则浏览器会预先将视频或音频数据进行缓冲，这样可以加快播放速度。该属性有三个可选值，分别是 none、metadata 和 auto,其默认值为auto。
         none:  表示不进行预加载。
        metadata：表示只预加载媒休的元数据（ 媒字节数、第一帧、播放列表、持续时间等)。
        auto表示预加载全部视频或音频。

    该属性的使用方法如下：
   

3. poster (

    当视频不可用时，可以使用 标签向用户展示一幅替代用的图片。当视频不可用时，最好使用  poster 属性，以免展示视频的区域中出现一片空白。

    该属性的使用方法如下
    

    loop 属性用于指定是否循环播放视频或音频，其使用方法如下：

        

4.  controls 属性、width 属性和  height 属性(后两个

    controls 属性指定是否为视频或音频添加浏览器自带的播放用的控制条。控制条中具有播放、暂停等按钮。其使用方法如下：
      

二.  设置背景音乐

    功能：        给某个网页设置背景音乐

    语法：       

三.   多媒体标签的方法

    在多媒体中还可以加入方法
    a.    media. play ()方法：使用该方法播放视频，并会将media.paused 的值强行设为false。
    b.    media.pause()方法:  使用该方法暂停视频，并会将meia.paused 的值强行设为true。
    c.     media.load()方法:  使用该力法重新载入视频，并会将media.playbackRate的值强行设为 media.defaultPlaybackRate             的值，且强行将media.error 的值设为 null.

主要是通过添加“播放”与“暂停”按钮来控制视频文件的播放与暂停，以及添加"重载”按钮来控制视频的重载。