H5页面视频媒体访问难题及解决方案
H5开发中，常常遇到视频媒体访问权限问题。尤其在HTTP页面嵌套HTTPS iframe时，navigator.mediaDevices 无法获取媒体设备权限，成为常见难题。本文提供有效的解决方案。
问题分析
当根页面使用HTTP协议，而嵌套的iframe使用HTTPS协议时，无论在根页面还是iframe中，都无法使用 navigator.mediaDevices 获取视频媒体设备，严重影响开发进度。
解决方法
通过调整谷歌浏览器设置，即可轻松解决此问题：
访问Chrome实验特性页面: 在浏览器地址栏输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure 并回车。
启用不安全来源安全处理: 找到 “Insecure origins treated as secure” 选项 (通常已高亮显示)，将其设置为 “已启用”。
添加HTTP域名: 启用后，需要输入你的HTTP域名，告知浏览器将其视为安全来源。
重启浏览器: 完成以上步骤后，重启浏览器使设置生效。重启后，HTTP页面即可通过 navigator.mediaDevices 访问媒体设备。
此方法经验证有效，可有效解决HTTP页面下 navigator.mediaDevices 权限获取失败的问题。
以上就是H5页面视频媒体获取问题如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1564574.html
微信扫一扫 
支付宝扫一扫 
