一.   多媒体标签基本属性

    常用的多媒体标签主要有两个,分别是<video>和<audio>标签。


1.  src 属性和  autoplay  属性

    src  属性用于指定媒体数据的 URL 地址。


   autoplay 属性用于指定媒体是否在页面加载后自动播放,使用方让如下:


        <video src=""  autoplay="autoplay"  ></video>



2. preload 属性

    该属性用于指定视频或音频数据是否预加载。如果使用预加载,则浏览器会预先将视频或音频数据进行缓冲,这样可以加快播放速度。该属性有三个可选值,分别是 none、metadata 和 auto,其默认值为auto。


        

none:  表示不进行预加载。
        metadata:表示只预加载媒休的元数据( 媒字节数、第一帧、播放列表、持续时间等)。
        auto表示预加载全部视频或音频。


    该属性的使用方法如下:
    <video src=" "   preload="auto"></video>


3. poster (<video>标签独有属性) 和 loop 属性


    该属性的使用方法如下
     <video  src=" " poster="图片的URL" >



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


<video src=" "   autoplay="autoplay"  loop="loop"></video>


4.  controls 属性、width 属性和  height 属性(后两个<video>标签独有属性)

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


      

<video  src=" " contorls="controls ></video>




    width 属性与 height 属性用于指定视频的宽度与高度(以像素为单位),使用方法如下:


         <video  src=" "  width="500" height="500"></video>


二.  设置背景音乐

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

    语法:        <bgsound  src="背景音乐的地址">


三.   多媒体标签的方法

    在多媒体中还可以加入方法


    a.   

media. play ()方法:使用该方法播放视频,并会将media.paused 的值强行设为false。


    b.   

media.pause()方法:  使用该方法暂停视频,并会将meia.paused 的值强行设为true。


    c.    

media.load()方法:  使用该力法重新载入视频,并会将media.playbackRate的值强行设为 media.defaultPlaybackRate             的值,且强行将media.error 的值设为 null.



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