尝试倒带和暂停视频时 IE11 中出现 InvalidStateError答案

【问题标题】：InvalidStateError in IE11 when trying to rewind and pause video尝试倒带和暂停视频时 IE11 中出现 InvalidStateError
【发布时间】：2017-04-25 13:00:04
【问题描述】：

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

【问题讨论】：

如果删除该行：$('video', this).get(0).currentTime = 0; ，它在IE中工作吗？我认为这就是导致您的问题的原因（请参阅：stackoverflow.com/questions/20240088/…）
谢谢，这实际上修复了错误，但我无法理解如何在悬停功能中实现链接中提到的“canplay”事件侦听器。我真的需要跳回第一帧。
它甚至不能在 IE11 中播放，我不知道为什么。在互联网上搜索了几个小时，但还没有找到解决方案..

标签： javascript html5-video internet-explorer-11 resolution h.264

【解决方案1】：

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

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

【讨论】：