使用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> 

请注意，我还没有了解I帧或视频标签，但想为完成一个网页的做法对我的雇主。

非常感谢。

苏

Answer 1

从你说过我可以看到你没有运行任何本地服务器。

在iframe的联系是

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

如果您打开一个HTML文件，直接在地址栏中的链接将

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

因此，浏览器会寻找文件：/ //embed.wirewax.com/8066745/?loop=true & noShare = true而不是http://embed.wirewax.com/8066745/?loop=true&noShare=true并且无法加载页面。

从

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

更改iframe中的链接

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

，它应该工作。

看一看this为什么浏览器带你到文件：///，而不是http:///也不https:///