使用javascript在html5中單擊圖像時播放視頻？

Question

我是JavaScript的初學者。 我想在HTML5中的特定時間播放特定時間的mp4文件。 首先，我要加載縮略圖。 如果單擊它，我想播放特定時間的視頻文件。 這是我的代碼。 但是它不是從6開始。它只是從頭開始。 我做錯了什么？

<!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>

Answer 1

嘗試

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

注意

;

使用javascript在html5中單擊圖像時播放視頻？

問題描述

1 個解決方案

解決方案1
1 2013-07-03 03:02:51

使用javascript在html5中單擊圖像時播放視頻？

問題描述

1 個解決方案

解決方案1 1 2013-07-03 03:02:51

解決方案1
1 2013-07-03 03:02:51