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

Question

我正在建立一个网站，当您将鼠标指针移到视频上时，视频就会开始播放。当用户离开视频区域时，它会暂停并跳回第一帧。这在除 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();
}

Screenshot from IE11 debugger

Answer 1

好的，经过几个小时的故障排除后，我意识到 IE 响应“无效源”，但我看不到它，因为我禁用了视频控件。在三次检查我的编码器设置并验证它们是否正确后，我偶然发现了一份文档，其中 MS 声明视频文件的最大支持高度为 1088 像素。 1088!？我的视频是 720x1280px(纵向)。将分辨率更改为 612x1088px 后一切正常。

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