H5新增标签
1、视频
标签:
<video> 提示 </video>
支持的格式:
.mp4
,.ogg(移动端)
,.webM(高清)
属性:
src 视频的来源地址 width 设置视频的宽度 height 设置视频的高度 poster=“” 设置视频播放前的海报 autoplay 设置视频自动播放 controls 设置显示控制条 loop 设置视频循环播放 muted 设置视频初始静音 Html示例:
<body> <!-- 设置视频大的宽度为300px,按比例缩放,自动循环播放 ,显示控制条 ,初始静音并且显示播放前海报 --> <video src="resource/video/luna.mp4" width="300px" autoplay controls loop muted poster="/resource/images/1.jpg">您的浏览器不支持此视频</video> </body>
2、音频
标签:
<audio> 提示 </audio>
支持的格式:
.mp3
,.ogg
,.wav
属性:
src 音频路径 loop 设置循环播放 autoplay 设置自动播放 muted 设置初始禁音 controls 设置显示控制条 Html示例:
<body> <audio src="resource/audio/English.mp3" controls loop autoplay muted >您的浏览器不支持音频</audio> </body>
3、source
什么是source标签:
source标签用来给浏览器提供多种不同格式的视频或音频的选择
标签:
<source/>
语法:
<video controls> <source src="resource/video/luna.mp4"/> <source src="resource/video/luna.ogg"/> <source src="resource/video/luna.webM"/> 您的浏览器不支持 </video>
- 浏览器会在你提供的视频的格式中选择兼容的进行播放
- 如果是音频的话,把video改成audio即可