mediaelement.js - 在第一个视频结束时播放另一个视频

Question

由Kroc @ Video为每个人提供.我希望能够在第一个视频结束后自动播放第二个视频,然后在第二个视频结束后显示静态图像.经过一段时间后,循环回到第一个视频.

谢谢

Answer 1

$(function(){
        $('audio,video').mediaelementplayer({
            success: function(player, node) {
                player.addEventListener('ended', function(e){
                    player.src = 'media/somefile.mp4';
                    player.load();
                    player.play();
                });
            }
        });
    });

应该这样做.

Answer 2

要更改视频的src,您必须使用setSrc API方法.否则对于不支持html5的浏览器中的flash不起作用(例如Firefox)

更重要的是 - 看看这个问题 - Chrome/Safari,setSrc - >播放.在Chrome中正确显示视频应该是一段时间.

不幸的是,"播放器"并不总是有效,因此最好使用"媒体"对象.

所以代码应该类似于以下内容:

       $('video').mediaelementplayer({
            pluginPath: "/YourPlaginPath/",
            success: function (media, node, player) {
                media.addEventListener('ended', function (e) {

                    setTimeout(function () {
                        media.setSrc('somevideo.mp4');
                        media.load();
                        media.play();
                    }, 500);

                }, false);
            }
        });