尝试倒带和暂停视频时,IE11中的InvalidStateError

jim*_*ann 1 javascript resolution h.264 html5-video internet-explorer-11

我正在建立一个网站,当您将鼠标指针移到视频上时,视频就会开始播放。当用户离开视频区域时,它会暂停并跳回到第一帧。这在IE之外的所有浏览器中均能完美运行。当我打开开发者控制台时,它在处理停止功能的代码部分的上方显示“ InvalidStateError”。为什么IE会这样?感谢您对此的任何投入。

这是触发错误的代码部分:

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();
}
Run Code Online (Sandbox Code Playgroud)

IE11调试器的屏幕截图

jim*_*ann 5

好的,经过数小时的故障排除后,我意识到IE响应时显示“ Invalid Source”,但由于禁用了视频控件,因此无法看到。在三重检查我的编码器设置并确认它们正确无误之后,我偶然发现了一个文档,其中MS指出视频文件的最大支持高度为1088px。1088 !? 我的视频是720x1280px(纵向)。将分辨率更改为612x1088px后,一切正常。

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