使用wirewax iframe嵌入代码的视频在safari/chrome中不起作用

Question

对编码非常陌生，刚刚学习如何使用 HTML5 和 CSS。我在括号中创建了一个 .html 文档并设置了样板代码。在制作了一个简短的交互式视频后，我从wirewax 生成了一个嵌入代码。我将代码粘贴到我的文档中并进行了测试 - 没有视频的迹象。我将相同的嵌入代码粘贴到 w3schools 文本编辑器中并运行它，它可以工作。我不知道为什么它在我自己的文档中不起作用，而且我还没有建立参考框架来真正研究或提出正确的问题！我想要一些关于寻找什么的指针，或者我是否必须将 URL 放入样式表或类似的东西中。

这是嵌入代码：

<div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%;"><iframe style="position: absolute; top: 0; left: 0;" width="100%" height="100%" src="//embed.wirewax.com/8066745/?loop=true&noShare=true" frameborder="0" scrolling="yes" allowfullscreen></iframe></div>

请注意，我还没有了解 iframe 或视频标签，但想为我的雇主完成一个练习网页。

提前非常感谢。

苏

Answer 1

从你所说的我可以看出你没有运行任何本地服务器。

iframe 中的链接是

//embed.wirewax.com/8066745/?loop=true&noShare=true

如果你直接打开一个html文件，地址栏中的链接会是

file:///{{Your_path_to_file}}/test.html

所以浏览器会寻找 file:///embed.wirewax.com/8066745/?loop=true&noShare=true 而不是 http://embed.wirewax.com/8066745/?loop=true&noShare=true 无法加载页面。

更改 iframe 中的链接

src="//embed.wirewax.com/8066745/?loop=true&noShare=true"

到

src="http://embed.wirewax.com/8066745/?loop=true&noShare=true"

它应该可以工作。

看看this为什么浏览器会把你带到file:///而不是http:/// 也不是 https:///