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

如果您刪除行:$( '視頻',這一點)獲得(0).currentTime = 0; ,它在IE中工作嗎?我認爲這是什麼原因導致你的問題(請參閱:http://stackoverflow.com/questions/20240088/issue-setting-currenttime-in-html5-video) –

+0

謝謝,這實際上修復了錯誤,但我不能在我的懸停函數中,我可以實現如何實現「canplay」事件偵聽器,這在鏈接中提到。我真的需要跳回到第一幀。 –

+0

它甚至不在IE11中播放,我不知道爲什麼。搜索了幾個小時的互聯網,但還沒有找到解決方案.. –

回答

3

好,故障排除了幾個小時之後,我意識到,IE回答說:「無效的來源」,我看不到,因爲我禁用了視頻的控件。在tripple檢查我的編碼器設置並驗證它們是正確的之後,我偶然發現了一個文檔,其中MS聲明視頻文件的最大支持高度爲1088px。 1088 !?我的視頻是720x1280像素(人像)。將分辨率更改爲612x1088px後,一切正常。

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