Javascript中的自动播放视频元素在iOS Safari上不起作用
我正在尝试从手机摄像头获取视频流,并在视频元素上显示该流。这是我的代码要点:Javascript中的自动播放视频元素在iOS Safari上不起作用,javascript,html,webrtc,mobile-safari,Javascript,Html,Webrtc,Mobile Safari,我正在尝试从手机摄像头获取视频流,并在视频元素上显示该流。这是我的代码要点: ... navigator.mediaDevices.getUserMedia(constraints) .then((stream)=>{ video.srcObject=stream; video.volume=0; video.mute=0; video.play(); //error here on iOS Safa
...
navigator.mediaDevices.getUserMedia(constraints)
.then((stream)=>{
video.srcObject=stream;
video.volume=0;
video.mute=0;
video.play(); //error here on iOS Safari
...
虽然这在所有桌面和android浏览器上都有效,但在iOS上似乎不起作用,这给了我第video.play()
行上的错误
据我目前所知,这似乎是防止网站消耗太多用户数据的一个好方法。这意味着,除非用户特别启动,否则浏览器将不允许video.play()
我尝试在视频元素本身上添加“mute
”属性(除了autoplay
),但这似乎并没有解决问题
所以,我想知道是否有任何其他的补救措施,或者我是否应该寻找其他方式来显示视频提要。非常感谢您的帮助/建议。您是否尝试将
playsinline
添加到视频元素中
你为我节省了很多时间。