在使用Media Recorder实现js调用摄像头录像功能后,需要测试下录像的文件是否能正常播放,遇到了chrome下video不能自动播放的问题。 问题 在使用autoplay属性后,vi
顺晟科技
2021-06-16 10:52:09
232
使用Media Recorder实现js调用摄像头录制功能后,需要测试录制的文件是否可以正常播放,遇到chrome下视频无法自动播放的问题。
问题
使用自动播放属性后,视频不会自动播放。
视频src='。/1.mp4 '自动播放/视频
解决办法
静音播放
Chrome允许它在静音时自动播放。静音属性可以达到这个效果。
向原始自动播放添加静音属性,
视频src='。/1.mp4 '自动播放静音/视频
此时可以自动播放视频,但音量为0。
调用api播放
视频提供了一个播放方法,我们可以直接调用来播放。
ovideo . play();
手动播放
使用控制属性显示动作栏,用户单击手动播放。
视频src='。/1.mp4 '控件/视频