音频/视频开发中的问题

存在问题

视频在第三方浏览器会造成浏览器劫持
音频在微信下不能自动播放..
home键切换到主屏播放还存在问题
ios不允许没有用户操作行为的时间

解决办法

1.微信下自动播放

document.addEventListener('visibilitychange', () => {
 audio.play()             
});

2.切换home键盘播放问题

document.addEventListener('visibilitychange', () => {
    if(document.hidden) {
        console.log("页面非激活,暂定播放");
    } else {
        console.log("页面激活， 继续播放")
    }
});

API文档

音频

- audio元素支持三种音频格式：Ogg Vorbis、MP3、Wav

<audio src="song.ogg" controls="controls"></audio>

视频---video 标签HTML5的新标签

autoplay 自动播放
controls 显示空间
loop 循环播放
preload 页面加载时进行加载,并预备播放;如果使用autoplay,则忽略该属性
src 要播放的音频/视频url