<audio>标签
<audio>标签用于播放音频,它支持的音频文件格式包括 .wav .mp3 .ogg,如果并不是这三种格式,可以使用http://cn.office-converter.com实现音频格式的在线转换
<audio>标签的书写格式如下:
<audio src="音频文件地址" id='myaudio' controls>
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
</audio>
<video>标签:
<video>标签用于播放视频,它支持的视频文件格式包括 .webm .mp4 .ogg
<video>标签的书写格式如下:
<video src="音频文件地址" id="myvideo" controls>
<source src="song.ogg" type="video/ogg">
<source src="song.mp4" type="video/mp4">
</video>
<sorce>标签用来实现兼容性
audio标签和video标签的主要属性
公共:
autoplay:自动播放音频或视频
controls:显示系统自带的播放面板(可以全屏显示)
loop:自动循环播放音频或者视频
muted:音频或者视频播放时无音量
preload:值为auto表示页面载入后自动加载音频或视频,meta表示页面载入后只加载音频,none表示页面载入后不加载视频或者音频
checked:播放声音
video标签的独有属性:
poster:用来定义视频播放器的预览图片
width:设置视频播放器的宽度,不需要使用单位
height:设置高度
JavaScript中常用的audio和video对象的方法:
load():重新加载音频/视频
play():播放音频/视频
pause():暂停当前播放的音频/视频
HTML5播放多媒体
于 2021-05-24 15:42:29 首次发布