HTML5 音频,视频,插件

布满荆棘的人生 2024-02-17 20:48 8阅读 0赞

<body background="images/backgroundImage.png">
         
         <audio src="movie/rabbit.mp4" controls="controls" autoplay="autoplay" > </audio>
         
         <video src="movie/rabbit.mp4" controls="controls" width="1200px" loop="loop" autoplay="1"></video>
         
        <center> <img src="images/china31.jpg" usemap="#china"></center>
        
         
        <map name="china">
          <area shape="circ" coords="345,448,390,491" href="images/gui.jpg" alt="广西"  target="_blank">
          <area shape="circ" coords="463,335,25" href="images/wan.jpg" alt="安徽" target="_blank" />
          <area shape="circ" coords="226,281,62" href="images/gold.jpg"  alt="青海" target="_blank">
        </map>
        
        
        <embed src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=j0360hsdomv&auto=0" height="400px" width="480px" allowFullScreen="true" quality="high"  type="application/x-shockwave-flash" allowScriptAccess="always"></embed>
         
    </body>

**audio属性**

![Center][]

**video属性**

![Center 1][]

效果

![Center 2][]

![Center 3][]

![Center 4][]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/bd70f521c4754bc3b2fb1b87e4130cf2.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/38eeaf84f2ec43128f2c9e9b99e5c2fb.png
[Center 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/3f0df452826b4f7693e6caa737adc8f5.png
[Center 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/c773384e726b4142b44800c52869a969.png
[Center 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/7bce7e43e3ec4b3888b80c008f8177fd.png