Question

我正在构建一个网站，当您将鼠标指针移到它们上时，视频会开始播放。当用户离开视频区域时，它会暂停并跳回第一帧。这在IE之外的每个浏览器中都能很好地工当我打开开发控制台时，它会向我显示一个＆＃34; InvalidStateError＆＃34;就在处理停止功能的代码部分的正上方。为什么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回应了“＃34; Invalid Source＆＃34;我无法看到，因为我禁用了视频控件。在检查我的编码器设置并验证它们是否正确后，我偶然发现了一个文档，其中MS声明视频文件的最大支持高度为1088px。 1088 !?我的视频是720x1280像素（肖像）。将分辨率更改为612x1088px后，一切正常。

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

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

1 个答案: