HTML之多媒体标签

<video>

属性;

src 视频播放地址

muted 静音

controls 视频播放器的控制条

autoplay 自动播放(google浏览器禁用了)

loop 循环播放

preload: 缓冲视频文件，没有设置autoplay才会有效。 none就是不缓冲； metadata 缓冲视频文件的元数据 ；auto 缓冲整个视频文件。

poster : 视频封面图片。

里面的p标签当视频无法加载时才显示

    <video src="https://haokan.baidu.com/v?pd=wisenatural&vid=4281321182956804284" 
     muted
     controls
     autoplay 
     loop
     width="300"
     preload="metadata" 
     height="200">
     
     <p>你的浏览器不支持H5视频,请更换最新版浏览器。</p> 
     
    </video>

兼容写法：

<source src="test.mp4" type="video/mp4"> 
<source src="test.ogg" type="video/ogg">

<audio>

属性：

src 视频播放地址

 muted 静音

controls 视频播放器的控制条

autoplay 自动播放(google浏览器禁用)

loop 循环播放

preload: 缓冲视频文件，没有设置autoplay才会有效。 none就是不缓冲 ；metadata 缓冲视频文件的元数据 ；auto 缓冲整个视频文件。

    <audio
     src="https://c.taihe.com/res/assets_file/assets/empty.mp3" 
     controls 
     muted 
     autoplay 
     loop 
     preload="metadata" > 
    </audio> 

兼容模式：

<source src="test.mp3" type="audio/mp3">
<source src="test.ogg" type="audio/ogg">