Hướng dẫn how to play next video automatically in html - cách phát video tiếp theo tự động trong html

Sự mô tả

Autoplay Video tiếp theo và triển khai nút Video PlayNext.PlayNext video button.

Dung dịch

Ví dụ sau đây cho thấy cách thực hiện logic để phát video tiếp theo và cách thêm và tạo kiểu cho nút tiếp theo.

function playNextVideo(mediaPlayer) {
    var ACTIVE = "rmpActive";
    var nextIndex = mediaPlayer.mediaFiles.indexOf(mediaPlayer.currentFile) + 1
    if (nextIndex < mediaPlayer.mediaFiles.length) {
        var nextVideo = mediaPlayer.mediaFiles[nextIndex];
        mediaPlayer.currentPlayer.loadFile(nextVideo);
        mediaPlayer.currentFile = nextVideo;
        // update the highlighted item in the playlist
        mediaPlayer.playlist._$list
          .children()
          .removeClass(ACTIVE)
          .eq(nextIndex)
          .addClass(ACTIVE);
    }
}

function OnClientEnded(sender, args) {
    playNextVideo(sender);
}

function OnClientReady(sender, args) {
    // add the play next video button
    var $leftControlsSet = $telerik.$(sender.get_element()).find(".rmpLeftControlsSet");
    var $button = $telerik.$('');
    $leftControlsSet.append($button);
    $button.on("click", function () {
        playNextVideo(sender);
    })
}