HTML中音乐与视频的插入

                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         规定浏览器应为视频提供播放控件

                             控件包括播放、暂停、定位、音量

                             全屏切换、字幕、音轨

 注意：在插入音乐和视频时 一定要注意路径的问题