HTML中音乐与视频的插入
html中的简单知识点
html5中的audio音乐播放器与video视频播放器的使用及其属性
1.embed属性
autoplay 自动播放已经加载的的媒体文件,或查询是否已设置为autoplay
loop 将媒体文件设置为循环播放,或查询是否已设置为loop
volume 设置音量大小 范围为1~100默认为系统音量
hidden 是否隐藏控制面板true表示隐藏false表示不隐藏 默认为不隐藏
2.audio属性
<audio src="音乐的地址" autoplay="autoplay"></audio>
autoplay 自动播放已经加载的的媒体文件,或查询是否已设置为autoplay
loop 将媒体文件设置为循环播放,或查询是否已设置为loop
currentTime以s为单位返回从开始播放到目前所花的时间,也可设置currentTime的值来跳转到特定位置
controls 显示或者隐藏用户控制界面false 为显示true为隐藏
volume 在0.0到1.0间设置音量值,或查询当 前音量值
muted 设置是否静音
autobuffer 媒体文件播放前是否进行缓冲加载,如果设置了autoplay,则忽略此特性
source 只能在audio标签中没有出现src时才可以使用 设置此属性方便浏览器检查视频能否正常播放 如果不能播放 自动播放下一个
3.video属性
<video src="视频的地址" autoplay="autoplay"></video>
poster 指定一张图片 可以作为视频的封面 视频没有播放时 出现的一直是指定的图片
preload 设置视频是否预加载 默认为auto全加载 none不加载 meatdata部分预加载
autoplay 自动播放已经加载的的媒体文件,或查询是否已设置为autoplay
loop 将媒体文件设置为循环播放,或查询是否已设置为loop
controls 规定浏览器应为视频提供播放控件
控件包括播放、暂停、定位、音量
全屏切换、字幕、音轨
注意:在插入音乐和视频时 一定要注意路径的问题