Googleドライブの埋め込みビデオがIE＆Edgeに表示されない

Googleドライブのビデオをサイトに埋め込みましたが、ビデオはChrome & Firefoxで問題なく表示されます。 IE 11とEdgeではそれは無駄です。私はこれがブラウザーのプライバシー設定であると仮定していますが、どちらが確実かわかりません。また、プライバシー設定の場合、私はすべてのユーザーの設定に入ることができないので、明らかにこれは機能しません！解決策または回避策？ここGoogleドライブの埋め込みビデオがIE＆Edgeに表示されない

は、私が使用していますインラインフレームコードです...

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

出典

2016-12-29 Sandra Willford

これはIE9 <、エッジとすべてのブラウザで私にとってうまくいきます。これをチェックするjs fiddle https://jsfiddle.net/8Ltwket0/ –

screenshot：https://s3.amazonaws.com/uploads.hipchat.com/212760/4474881/gneqdvyWZw4VZpm/fiddle.jpg –

「No Access-Control -Allow-Originのヘッダーが、要求されたリソースに存在します。 "というエラーが表示されます。詳細については、下記の質問を参照してください。 http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource ブラウザの設定も確認してください。 –

は、IEでの互換表示の設定を確認してください。互換モードがオフのときIEの私のために働くが、互換モードがオンになっていると動作しません。これが問題ならば、互換モードをオフにして続行するか、HTMLのheadタグにコードのスニペットを配置して、ユーザーの互換性ビューの設定を上書きすることもできます。

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

出典

2016-12-29 17:00:10 Sina

私のページは –

に設定されています。http://app.tendesign.us/sites/ohio-cashflow/properties/eleanor-toledoを例として –

IE11とEdgeの両方でWindows 10マシンでテストしたところ、ビデオをうまく再生できました。まだそれがあなたのために働いていない場合、私はそれがあなたのマシン上の設定かどうか疑問に思います。 IEをデフォルトにリセットしてもう一度試してみることもできます。 – Sina

Googleドライブの埋め込みビデオがIE＆Edgeに表示されない

答えて

関連する問題