视频和音频

HTML

1.视频

<video src="[路径](路径)" autoplay loop controls muted width="" height="" poster=""> 
     您的浏览器不支持视频 
</video> 

2.音频

<audio src="[路径](路径)" autoplay loop controls muted> 
    您的浏览器不支持音频 
</audio> 

3.资源

 <video autoplay> 
     <source src="[1.mp4](1.mp4)"/> 
     <source src="[1.ogg](1.ogg)"/> 
     <source src="[1.webM](1.webM)"/> 
     您的浏览器不支持视频 
</video> 

属性：

• autoplay 自动播放
• loop 循环播放
• muted 静音
• consoles 显示控制面板
• poster 视频播放前放一张图片
• preload 提前加载

JavaScript

音频视频api--js

<audio src='' autoplay controls></audio>  <video ></video>

常用属性:

• autoplay 自动播放
• controls 显示控件
• currentTime 返回当前音频/视频的播放时间
• duration 返回当前音频/视频的总时长
• ended 返回当前音频/视频是否播放结束
• paused 暂停状态 暂停 true false播放
• src 音频/视频路径
• volume 设置音量 0-1

常用事件：

• oncanplay 在用户可以开始播放视频/音频（audio/video）时触发
  视频/音频（audio/video）在加载过程中，触发的

• ontimeupdate 当前音频/视频播放时间发生改变时触发

    object.addEventListener("timeupdate", myScript); function myScript(){ }
	play()		播放
	pause()		暂停

H5 video 禁止跳转到ios内置播放器

如果是js添加的video

    selfVideo.setAttribute('webkit-playsinline', 'true');
    selfVideo.setAttribute('playsinline', 'true');

如果是dom

     <video 
               webkit-playsinline="true"
               playsinline="true"
        </video>