素材牛VIP会员
iframe引用b站视频失败?
 空***子  分类:JavaScript  人气:1256  回帖:5  发布于6年前 收藏
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <iframe src="http://www.bilibili.com/blackboard/html5player.html?aid=14387031&cid=23475167" width="920" height="500" frameborder="no"></iframe>
</body>
</html>

iframe里面的地址直接输入到浏览器就可以看,但是用iframe引用就不显示,求解如何处理?

 标签:javascript

讨论这个帖子(5)垃圾回帖将一律封号处理……

Lv5 码农
迷***文 JS工程师 6年前#1

搜索 iframe跨域

Lv5 码农
Ja***jz 其它 6年前#2

再给你一个非常规的解决方案,在部署上做文章。用nginx做转假如 你的网站http://www.a.com 里面有个iframs 嵌入了http://www.b.com/b.html的页面;那么你可以在nginx下的a域名下增加一个配置项目,新建一个节点b.html 然后指向到 http://www.b.com/b.html. 然后页面上的引用地址则自动改为http://www.a.com/b.html 即可。当然配置项,可以直接配置一个二级域名指向你引用地址,然后你就想怎么玩就怎么玩了

作者:知乎用户
链接:https://www.zhihu.com/questio...
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Lv3 码奴
ou***un JS工程师 6年前#3

我也发现这个问题了,之前还是可以的,而且直接访问这个地址是能打开视频的。
现在我在console中发现了若干条如下的warning

The key "target-densitydpi" is not supported.
Failed to execute 'write' on 'Document': It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.


然后调试的Elements中的iframe播放器的div是空的<div id='bofqi'></div>

不知道是不是"target-densitydpi"这个引起写入dom失败之类的。

Lv6 码匠
pi***21 站长 6年前#4

https://developer.mozilla.org...

Lv3 码奴
ch***az 职业无 6年前#5

我也是,前几天还可以用,昨天不行了,你找到解决方法了吗

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取