东莞长安网站建设,网络营销外包公司招聘,联盟网站做的最好,网站如何创建在网页中加入音乐
audio/audio
src 设置音乐文件名以及路径,audio标记支持MP3、WAV及OGG 3种音乐格式
autoplay#xff1a;是否自动播放,加入autopaly属性表示自动播放
controls#xff1a; 是否显示播放面板,加入controls属性表示显示播放面板 …在网页中加入音乐
audio/audio
src 设置音乐文件名以及路径,audio标记支持MP3、WAV及OGG 3种音乐格式
autoplay是否自动播放,加入autopaly属性表示自动播放
controls 是否显示播放面板,加入controls属性表示显示播放面板
loop: 是否循环播放,加入loop属性表示循环播放。
preload是否预先加载,减少用户等待时间。属性值有auto、metadata及none3种。当设置autoplay属性时,preload属性会被忽略。
auto网页打开时就加载影音,为默认值
metadata只加载meta信息
none网页打开时不加载影音
width/height设置播放面板的宽度和高度,单位为像素
type 指定播放类型,不需要让浏览器去检测文件格式,type必须指定适当的MIME类型,例如MP3对应到auto/mpeg,也可以在type中再增加codes属性参数,
更加明确地指定文件编码,例如typeaudio/ogg;codevorbis。 当前, video 元素支持三种视频格式: Ogg MPEG 4 WebM
实例
audio controlscontrols
source srcmultimedia/music.ogg typeaudio/ogg/
source srcmultimedia/music.mp3 typeaudio/mpeg/
您的浏览器不支持audio播放模式
/audio
添加宽度
video width320 height240 controlscontrols
source srcmovie.ogg typevideo/ogg /
source srcmovie.mp4 typevideo/mp4 /
Your browser does not support the video tag.
/video
添加影音动画
video/video
video标记支持3种影音格式OGG(Thora编码)、MP4和WEBM(VP8编码)
video的属性与audio属性一致
实例
video controlscontrols
source srcmultimedia/butterfly.mp4 typevideo/mp4/
source srcmultimedia/butterfly.mp4 typevideo/mp4/
您的浏览器不支持此影音播放模式
/video
