使用wirewax iframe嵌入代码,视频无法在safari / chrome中工作

时间:2017-08-31 01:17:04

标签: html iframe

编码很新,只是学习如何使用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或视频标签,但想为我的雇主完成练习网页。

提前非常感谢。

1 个答案:

答案 0 :(得分:2)

根据您的说法,我可以看到您没有运行任何本地服务器。

iframe中的链接是

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

如果您直接打开html文件,地址栏中的链接将为

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

因此浏览器会查找 file:///embed.wirewax.com/8066745/?loop = true&amp; noShare = true 而不是 < em> 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:/// 而不是 {{3} } 也不是 http:///