0

マウスポインタを移動したときに動画が再生されるウェブサイトを構築しています。ユーザーがビデオ領域を離れると、一時停止して最初のフレームにジャンプします。これは、IE以外のすべてのブラウザで完璧に動作します。デベロッパーコンソールを開くと、停止機能を処理するコードの部分の上に「InvalidStateError」が表示されます。なぜIEはそのように動作していますか?これについてのご意見ありがとうございます。ここでIE11のInvalidStateErrorでビデオを巻き戻して一時停止しようとしています

がエラーをトリガコードの一部です:

var figure = $('.servus_video').hover(playVideo, stopVideo); 

function playVideo(e) { 
    $('video', this).get(0).play(); 
} 

function stopVideo(e) { 
    $('video', this).get(0).currentTime = 0; 
    $('video', this).get(0).pause(); 
} 

Screenshot from IE11 debugger

+0

あなたが行削除する場合:$( 'ビデオ' を、この)に.get(0).currentTime = 0; 、それはIEで動作しますか?私はこれがあなたの問題を引き起こす原因だと思う(http://stackoverflow.com/questions/20240088/issue-setting-currenttime-in-html5-video) –

+0

ありがとう、これは実際にはエラーを修正するが、私はできない私のホバー機能で、あなたのリンクに記載されている "canplay"イベントリスナーをどのように実装できるか、私の頭を抱いてください。私は本当に最初のフレームに戻る必要があります。 –

+0

それはIE11でさえ再生されないし、なぜ私は考えていない。何時間もインターネットを検索しましたが、解決策はまだ見つかりませんでした.. –

答えて

3

[OK]を、トラブルシューティングの時間後に私はIEは私があるため見ることができなかった「無効なソース」と答えたことに気づきましたビデオのコントロールを無効にしました。私のエンコーダの設定をチェックして、それらが正しいことを確認した後、私は、MSがビデオファイルの最大サポート高さが1088pxであると述べた文書を見つけました。 1088 !?私のビデオは720x1280px(ポートレート)でした。解像度を612x1088pxに変更した後、すべてが機能しました。

https://msdn.microsoft.com/en-us/library/windows/desktop/dd797815(v=vs.85).aspx