【记录腾讯视频内嵌在iframe中无法访问的问题】

最新推荐文章于 2024-06-22 13:23:26 发布
最新推荐文章于 2024-06-22 13:23:26 发布
阅读量299 收藏
点赞数
分类专栏： html js 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40214318/article/details/132020347
版权
html 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
js
2 篇文章 0 订阅
订阅专栏

文章目录

腾讯视频功能开发中

只能使用localhost访问开发版才能正常访问，这点官方文档有写

生产环境内嵌在iframe中

因为项目需要，腾讯视频功能需要内嵌在iframe中使用，发现语音和视频功能无法调起
原因有二

  1. 内嵌的环境要求：需要在localhost（开发版）或者https（生产环境）环境中
  2. iframe中一定要加上允许语音和摄像头的标签：allow=“camera; microphone”
    <iframe src="XXX" allow="camera; microphone"></iframe>
可厉害了Fiona
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在网页中使用iframe嵌入B站视频（腾讯视频同理）
DSH964的博客
07-08 5万+
先上效果：首先是自己的页面：点击图片后出现一个遮罩、遮罩上显示B站的视频：这个效果很常见，例如在索尼中国的网站中：点击图中的播放图标会出现腾讯视频的iframe窗口：那么下面来看代码：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt
<iframe 嵌入视频_如何在视频嵌入周围添加iframe边框
09-03 6753
<iframe 嵌入视频Do you want to add an iframe border around your video embed? Recently a user asked us for a way to add a border around their videos in WordPress. Since you can use both iframe and oEmbe...
springboot项目中使用iframe引入页面
最新发布
weixin_63390098的博客
06-22 293
默认情况下，现代的Web浏览器会应用一些安全策略，例如同源策略，限制从一个源加载的内容如何与来自另一个源的内容进行交互。如果你尝试从一个不同的源加载页面，浏览器可能会阻止某些交互，如JavaScript访问和操作iframe中的内容。
微信jssdk在iframe页面失效问题的解决措施
10-22
主要介绍了微信jssdk在iframe页面失效问题的解决措施 的相关资料,需要的朋友可以参考下
EasyCVR视频广场iframe链接集成后播放失败是什么原因？
EasyCVR视频融合云平台的技术博客
11-10 711
优化此处代码，增加一个对接口返回的流地址判断，判断其是否包含http，如果包含则直接赋值，否则就进行地址拼接。
JS动态修改iframe内嵌网页地址的方法
10-24
主要介绍了JS动态修改iframe内嵌网页地址的方法,涉及javascript动态修改iframe中src属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
django2用iframe标签完成网页内嵌播放b站视频功能
09-20
在本文中，我们将探讨如何使用Django2框架的HTML模板中的`iframe`标签来实现网页内嵌播放B站（哔哩哔哩）的视频功能。首先，我们需要理解`iframe`标签的基本用途，它是HTML中一个非常有用的元素，允许我们在一个网页...
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
10-20
主要介绍了jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码,需要的朋友可以参考下
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
09-28
就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧
页面中插入视频的方法---video/embed/iframe总结
热门推荐
极客神殿
04-22 2万+
1. video标签 当前主流的方法当然是HTML5中的video标签了，但是 当前，video 元素只支持三种视频格式： Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 如果你的视频文件是m...
iframe标签解析腾讯视频链接的获取不到总时长的解决方案(Txp.play.js)
weixin_47024018的博客
01-22 2968
记一次项目总结: 腾讯视频(Txp.play.js) <iframe> API 的使用 由于视频URL是来自腾讯视频，所以会出现一个这样的情况：无法获取到用户所看的该视频的总时长，那麽就得通过http请求获取到该腾讯是视频的url地址，然后通过前端的截取获取到该视频的id，通过TXp.player.js 这个由腾讯提供的API接口进行获取，我试过传统的方案进行获取这个视频的时长，但是都是无效的。 最初我是这样获取的，但是不行X 通过iframe标签进行解析这个后台传递的url路径，注：这里使用v
iframe嵌入三方页面打开麦克风和摄像头权限
qq_36384745的博客
01-05 1384
iframe嵌入三方页面打开麦克风和摄像头权限
iframe标签中的页面子页面的链接跳转新页面
DeadlyBlack的博客
07-28 5150
iframe；router；页面跳转；父页面；子页面
解决Html iframe 内嵌video标签导致视频无法全屏展示的问题
Wang_zhe_的博客
03-15 1460
iframe内嵌video，视频无法全屏展示
iframe嵌套，无法调取麦克风，摄像头权限
bajiutao的博客
05-25 2157
iframe嵌套，无法调取麦克风，摄像头权限
chrome iframe中无法使用摄像头和麦克风
请恕小僧斗胆，以所谓少林七十二绝技，来会一会中原各路英雄
12-02 3704
问题 在内嵌iframe页面中调用摄像头和麦克风提示： Media access NotAllowedError: Permission denied 解决办法 如果是html+jquery，在iframe元素中添加属性 <iframe src="" allow='microphone;camera;midi;encrypted-media;'></iframe> 如果父页面与内嵌页同域名，也可以在内嵌页中使用jquery给iframe元素添加上allow属性 window.pa
iframe嵌套页面 音频在微信公众号环境无法播放
weixin_30724853的博客
08-11 846
在微信公众号中 没有iframe的时候window.WeixinJSBridge为对象，有iframe时为undefined 要使用window.parent.WeixinJSBridge得到 if(window.WeixinJSBridge || window.parent.WeixinJSBridge) { this.play() } 转载于:https://www.c...
iframe嵌套页面，由于同源策略导致cookie无法获取，导致会话session失效问题得解决方案
阳光
04-21 6763
iframe嵌套页面，由于同源策略导致cookie无法获取，导致会话session失效问题得解决方案
jquery获取iframe中内嵌iframe中的元素
07-29
您可以使用以下代码来获取iframe中嵌套的iframe中的元素： ```javascript // 获取外层iframe元素 var outerIframe = $('#outerIframe'); // 获取内层iframe的文档对象 var innerDoc = outerIframe.contents(); //...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值