前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

多媒体标签

发布时间:2024-07-31 13:42 作者:一友画

1.embed标签

不是h5独有,h4就有,用来播放音频和视频,支持格式:Midi、Wav、flac、AIFF、AU、MP3、MP4

<embed src="1.mp3"></embed>
  • autostart=true/false --用来控制音频或视频文件是否在下载完之后就自动播放
  • loop=正整数/true/false --用来控制音频或视频文件在播放结束之后是否循环播放或循环播放的次数
  • hidden=true/no --用来设置多媒体的控制面板是否隐藏

2.audio标签

h5专门用来播放音频的,支持格式有:MP3、OGG、WAV

<audio src="1.mp3" controls autoplay="autoplay"></audio>
  • controls="controls" --用来控制显示控制面板
  • autoplay="autoplay" --用来控制自动播放
  • loop="loop" --用来设置循环播放

兼容模式:

<audio controls autoplay="autoplay">
  <source src="1.mp3" />
  <source src="1.ogg" />
</audio>

3.video标签

h5专门用来播放视频的,支持格式有:MP4、Webm、OGG

<video src="1.mp4" controls autoplay="autoplay"></video>
  • controls="controls" --用来控制显示控制面板
  • autoplay="autoplay" --用来控制自动播放
  • loop="loop" --用来设置循环播放

兼容模式:

<video controls autoplay="autoplay">
  <source src="1.mp4" />
  <source src="1.webm" />
</video>

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!