2016-12-29 56 views
0

我在網站上嵌入谷歌驅動器的視頻,並且視頻在Chrome瀏覽器中顯示正常& Firefox。在IE 11和Edge中,這是不行的。我假設這是瀏覽器中的隱私設置,儘管我不確定它是哪一個。此外,如果這是一個隱私設置,這顯然不會工作,因爲我無法進入他們的每個用戶的設置!解決方案還是解決方法?谷歌驅動器嵌入的視頻不顯示在IE和邊緣

這裏是我使用的iframe代碼...

<style> 
    .embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 
    .embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border:none; 
    } 
</style> 
<div class="embed-container"> 
    <iframe src="https://drive.google.com/file/d/0B8az0_GAjTu8WWZ4Q2RxX1RoZWc/preview"></iframe> 
</div> 
+0

這對我在IE9 <,邊緣和所有瀏覽器都適用。檢查此js小提琴https://jsfiddle.net/8Ltwket0/ –

+0

屏幕截圖:https://s3.amazonaws.com/uploads.hipchat.com/212760/4474881/gneqdvyWZw4VZpm/fiddle.jpg –

+0

它扔「沒有訪問控制「允許來源」標題出現在請求的資源「錯誤。 有關更多信息,請參閱以下問題。 http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource 請檢查您的瀏覽器設置。 –

回答

0

檢查IE的兼容性視圖設置。在兼容模式關閉的情況下,它適用於IE,但在打開兼容模式時,它不起作用。如果出現這種問題,您可以繼續關閉兼容模式,也可以將後續代碼片段放在HTML頭標記中,以覆蓋用戶的兼容性視圖設置。

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 
+0

我的頁面設置爲

+0

參見http://app.tendesign.us/sites/ohio-cashflow/properties/eleanor-toledo爲例 –

+0

我在Windows 10機器上的IE11和Edge上測試了該網站,我可以播放視頻。如果它仍然不適合你,我想知道它是否在你的機器上。您可以嘗試將IE重置爲默認值並再次測試。 – Sina