gọi mục tiếp theo trong mảng của tôi

Question

ngay bây giờ tôi có một loạt video. Làm thế nào để làm cho nó như vậy khi tôi nhấp vào tiếp theo và prev video tiếp theo hoặc trước đó trong tải mảng.

<video id="video" controls autoplay width="1000"> 
    <source src="videos/test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="videos/test.ogv" /> 
</video> 

<a href="#" onClick="javascript:vidSwap(vidURL[i+]); return false;">next</a> 



<script> 
var vidURL=["videos/test.ogv","videos/test2.ogv","videos/test3.ogv","videos/test4.ogv","videos/test5.ogv" ]; // literal array 
function vidSwap(vidURL) { 
var myVideo = document.getElementsByTagName('video')[0]; 
myVideo.src = vidURL; 
myVideo.load(); 
myVideo.play(); 
} 

Answer 1

Sử dụng mã yout, nó sẽ có một cái gì đó như thế này. Những gì bạn cần làm là có video mà bạn đã tải trên biến javascript. Sau đó, khi bạn nhấp vào prev hoặc next bạn có thể gọi một hàm sẽ đặt đúng số video và gọi nó.

<script> 
var vidURL=["videos/test.ogv","videos/test2.ogv","videos/test3.ogv","videos"] 
var video = 0; 

function vidSwap() { 
    var myVideo = document.getElementsByTagName('video')[video]; 
    myVideo.src = vidURL[video]; 
    myVideo.load(); 
    myVideo.play(); 
} 


function prevVideo() { 
    if(video == 0) { 
    video = vidUrl.length; 
    } 
    else { 
    video -= 1; 
    } 

    vidSwap(); 
} 

function nextVideo() { 
    if(video == length) { 
    video = 0; 
    } 
    else { 
    video += 1; 
    } 

    vidSwap(); 
} 

</script> 


<video id="video" controls autoplay width="1000"> 
    <source src="videos/test.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="videos/test.ogv" /> 
</video> 

<a href="#" onClick="javascript:prevVideo(); return false;">prev</a> 
<a href="#" onClick="javascript:nextVideo(); return false;">next</a> 

Answer 2

giới thiệu biến mà sẽ tiết kiệm được index video hiện tại, sau đó tăng hay giảm nó mỗi lần bạn nhấn tiếp theo/trước

</script> 
var i = 0; 
<script> 

javascript:vidSwap(vidURL[i++]) 

Answer 3

Dường như bạn đang thiếu một dấu cộng trong toán tử tăng của bạn .

Hãy thử thay đổi

<a href="#" onClick="javascript:vidSwap(vidURL[i+]); return false;">next</a> 

Để này

<a href="#" onClick="javascript:vidSwap(vidURL[i++]); return false;">next</a> 

Answer 4

Wrapped lên thay thế với bọc xung quanh;

<a href="#" onClick="return Vids.next();">next</a> 
<a href="#" onClick="return Vids.prev();">prev</a> 

... 

var Vids = (function() { 
    var _currentId = -1; 
    var _urls = ["videos/test.ogv","videos/test2.ogv","videos/test3.ogv","videos/test4.ogv","videos/test5.ogv" ]; // literal array 
    return { 
     next: function() { 
      if (++_currentId >= _urls.length) 
       _currentId = 0; 
      return this.play(_currentId); 
     }, 
     prev: function() { 
      if (--_currentId < 0) 
       _currentId = _urls.length - 1; 
      return this.play(_currentId); 
     }, 
     play: function(id) { 
      var myVideo = document.getElementsByTagName('video')[0]; 
      myVideo.src = _urls[id]; 
      myVideo.load(); 
      myVideo.play(); 
      return false; 
     } 
    } 
})();