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