文章/答案/技术大牛

发布

社区首页 >问答首页 >video.play()在IOS上发生未处理的拒绝(notallowederror)

问video.play()在IOS上发生未处理的拒绝(notallowederror)
EN

Stack Overflow用户

提问于 2021-12-18 21:26:38

回答 1查看 640关注 0票数 0

在React应用程序上使用peer.js实现视频流

  addVideoStream(video: HTMLVideoElement, stream: MediaStream) {
    video.srcObject = stream

    video?.addEventListener('loadedmetadata', () => {
      video.play()
    })
    if (this.videoGrid) this.videoGrid.append(video)
  }

在'video.play()‘处得到了这个错误

the request is not allowed by the user agent or the platform in the current context

我已经允许了IOS上的音频和视频许可。

此代码除IOS外，其他平台运行良好。

我没有头绪。

如果我部署的话，我只会在IOS上看到黑色屏幕。

我怎么才能解决这个问题？

提前感谢

javascript

html

reactjs

stream

webrtc

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-20 21:28:23

问题是视频标签如何在IOS中与WebRTC一起工作。

使用HTTPS环境(生产)，然后添加以下属性

if (isMobile && isSafari) {
      this.myVideo.playsInline = true
      this.myVideo.autoplay = true
    }

那就成功了。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70407269

复制

相似问题

问video.play()在IOS上发生未处理的拒绝(notallowederror)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问video.play()在IOS上发生未处理的拒绝(notallowederror)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问video.play()在IOS上发生未处理的拒绝(notallowederror)
EN