使用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中單擊圖像時播放視頻？

回答

相關問題