iframe引用b站视频失败？

发布于
2017-12-12

<!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

阅读 8k

6 个回答

✓ 已被采纳

我也发现这个问题了，之前还是可以的，而且直接访问这个地址是能打开视频的。
现在我在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失败之类的。

Chobits

7.4k2827

发布于
2017-12-12

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

小清新纯

3244411

发布于
2017-12-12

搜索 iframe跨域

xman

发布于
2017-12-12

新手上路，请多包涵

再给你一个非常规的解决方案，在部署上做文章。用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...
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。