Javascript điều khiển tốc độ phát Video trong một khoảng thời gian!

Các Anh em trên diễn đàn vforum giúp tôi cải thiện đoạn Javascript
Tôi có một thẻ HTML phát một Video độ dài 33 giây ở tốc độ 1.5 bên dưới
Nhưng tôi muốn video được phát:
+ từ giây 1 đến giây 15 phát ở tốc độ 1.0
+ từ giây 16 đến giây 25 phát ở tốc độ 0.5
+ đoạn còn lại phát ở tốc độ 1.0
Mong các anh em trên diễn đàn giúp đỡ! xin cảm ơn
HTML:
<video id="myVideo" controls>
  <source src="http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v" type='video/mp4' />
  <source src="http://jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm" type='video/webm' />
</video>

<script language="javascript">  
document.querySelector('video').defaultPlaybackRate =1.0;
  document.querySelector('video').play();
  document.querySelector('video').playbackRate =1.5;
</script>


 
  • Chủ đề
    java javascript
  • Cái này k bít rùi, đẩy lên cho mọi người giúp bạn :)
    HTML:
    <script language="javascript">
    setTimeout(function(){    
    var vid = document.querySelector('video')        
    vid.defaultPlaybackRate = 1.0;        
    vid.play();       
    vid.playbackRate = 0.5    }, 15000);    
    setTimeout(function(){    
    var vid = document.querySelector('video')        
    vid.defaultPlaybackRate = 1.0;        
    vid.play();        
    vid.playbackRate = 1.0    }, 30000);
      </script>
    Có vẻ không được ngắn, không biết có rút gọn được không?
     
    Trong câu hỏi của bạn đã có câu trả lời, chủ yếu bạn có biết vận dụng DOM Javascript của phần tử video hay không?

    Mã:
    <script language="javascript">  
    var vid = document.getElementById("myVideo");
    
    
    vid.ontimeupdate = function() { 
        if (vid.currentTime <= 15)
        {
            vid.playbackRate = 1.0;
        }
        else
        {
            if (vid.currentTime <= 25)
            {
    
                vid.playbackRate = 1.5;
            }
            else
            {
                vid.playbackRate = 1.0;
            }
        }
    }
    </script>
     
    Trong câu hỏi của bạn đã có câu trả lời, chủ yếu bạn có biết vận dụng DOM Javascript của phần tử video hay không?
    Cảm ơn bạn rất nhiều, nếu tôi chạy liên tiếp các video, mỗi video đều được điều khiển bởi Javascript ở trên thì sẽ như thế nào
    mong bạn giúp đỡ thêm
    HTML:
     <script>
    var nextVideo = ["http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v","http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"];
    var curVideo = 0;
    var videoPlayer = document.getElementById('videoPlayer');
    videoPlayer.onended = function(){        
    ++curVideo;   
     if(curVideo < nextVideo.length){                    
    videoPlayer.src = nextVideo[curVideo];           
     } 
    }    
    </script>
     
    Đơn giản là như sau

    Mã:
    <video id="myVideo" controls />
    
    <script>
    var vid = document.getElementById("myVideo");
    
    
    var vidSrc = ["http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v", "http://jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"];
    
    
    var vidNum = vidSrc.length;
    
    
    var curSrc = 0;
    vid.src = vidSrc[curSrc];
    
    
    vid.ontimeupdate = function() {
        if (vid.ended)
        {
            curSrc += 1;
            if (curSrc < vidNum)
            {
                vid.src = vidSrc[curSrc];
                vid.play();
            }
            else
            {
                curSrc = 0;
                vid.src = vidSrc[curSrc];
            }
        }
        else
        {
            if (vid.currentTime <= 15)
            {
                vid.playbackRate = 1.0;
            }
            else
            {
                if (vid.currentTime <= 25)
                {
                    vid.playbackRate = 1.5;
                }
                else
                {
                    vid.playbackRate = 1.0;
                }
            }
        }
    } 
    </script>
     
    Top