鼠标悬停(播放视频)和鼠标移动(停止视频和重新加载视频)时出现错误信息

时间:2014-11-04 10:15:42

标签: jquery video mouseover mouseout

Chrome控制台中的错误消息:

  

Uncaught InvalidStateError:无法在'HTMLMediaElement'上设置'currentTime'属性:元素的readyState为HAVE_NOTHING。

这是我的代码,用于测试mouseover videoplay和mouseout视频停止重新加载:

<video poster="http://corrupt-system.de/assets/media/sintel/sintel-trailer.jpg" 
  src="http://corrupt-system.de/assets/media/sintel/sintel-trailer.m4v" id="id1" 
  width="150" onMouseOver="id1.play()" title="hover to watch video 1" ">
</video>

<script>
  $('#id1').mouseout(function(){
  var video1 = document.getElementById("id1");
  video1.pause();
  video1.currentTime = 0;
  video1.load();
  });
</script>

0 个答案:

没有答案