使用javascript在html5中单击图像时播放视频？

我是JavaScript的初学者。我想在特定的时间在HTML5中播放特定时间的mp4文件。首先，我想加载缩略图。如果点击，我想从特定时间播放视频文件。这是我的代码。但它不是从6开始的。它只是从一开始就开始。我做错了什么？使用javascript在html5中单击图像时播放视频？

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 
    function PlayVideo(anchor,vid, start_time, end_time, video_file) { 
     document.getElementById(anchor).outerHTML = 
       "<video id='" + vid + "' controls width='320'> <source src='" + video_file + "'    
       type='video/mp4'/></video>" 

     var video = document.getElementById(vid); 

     video.play(); 
     video.currentTime = start_time; 

     video.addEventListener('timeupdate', function() { 
      if(this.currentTime > end_time) { 
       this.pause(); 
       this.currentTime = start_time; 
      } 
     }); 
     document.getElementById(aid).style.display = "none"; 
    } 
    </script> 
</head> 
<body> 
<a id="anchor" onclick="PlayVideo('anchor','003', 5, 9, 'test.mp4');"><img src ="test.jpg" alt="trail" /></a> 

</body> 
</html>

来源

2013-07-03 user1610952

看着你的JavaScript控制台。（在Chrome上按Ctrl + Shift + J。）是否有任何错误？如果是，请将它们发布在您的问题中。 –

谢谢。有这样的消息：未捕获错误：InvalidStateError：DOM异常11.第11行是“video.play（）;” – user1610952

在设置视频变量之后添加下面这行代码：'console.log（video）;'告诉我'video'的值是什么。（看你的控制台找出） –

尝试

document.getElementById(anchor).outerHTML = "<video id='" + vid + "' controls width='320'> <source src='" + video_file + "' type='video/mp4'/></video>";

通知的

;

来源

2013-07-03 03:02:51

谢谢。但它不起作用。 – user1610952

使用javascript在html5中单击图像时播放视频？

回答

相关问题