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 -> play。在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);
            }
        });

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

2 个答案: