HTML5 音频和视频元素使用指南:嵌入多媒体内容
音频和视频元素是HTML5中的多媒体元素,可以用来嵌入音频和视频内容到网页中。
音频元素使用<audio>标签来定义,可以通过设置src属性来指定音频文件的URL。例如:
<audio src='audio.mp3' controls></audio>
其中的controls属性会在音频元素上显示一个控制条,让用户可以播放、暂停、调整音量等。
视频元素使用<video>标签来定义,也可以通过设置src属性来指定视频文件的URL。例如:
<video src='video.mp4' controls></video>
同样,设置controls属性会在视频元素上显示一个控制条,让用户可以播放、暂停、调整音量、全屏等。
除了src属性,音频和视频元素还支持其他一些属性来控制播放行为和外观,例如autoplay属性可以设置在加载完毕后立即自动播放,loop属性可以设置循环播放。
此外,音频和视频元素也支持在<source>标签中指定多个源文件,以便在不同的浏览器和设备上选择最适合的格式。例如:
<video controls>
<source src='video.mp4' type='video/mp4'>
<source src='video.webm' type='video/webm'>
</video>
在上面的例子中,如果浏览器支持MP4格式,则会加载video.mp4文件,否则会加载video.webm文件。
原文地址: https://www.cveoy.top/t/topic/pibV 著作权归作者所有。请勿转载和采集!