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

【问题标题】：mediaelement.js - play another video at end of 1st videomediaelement.js - 在第一个视频结束时播放另一个视频
【发布时间】：2011-06-07 18:34:00
【问题描述】：

由 Kroc @ Video for Everyone 推荐。我希望能够在第一个视频结束后自动播放第二个视频，然后在第二个视频结束后显示静态图像。一段时间后，循环回到第一个视频。

谢谢

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

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

应该可以的。

【讨论】：

谢谢。但它仅适用于 HTML5。如何为 flash 做同样的事情？
已找到解决方案并添加了我的答案。

【解决方案2】：

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

还有一件更重要的事情——看看这个问题——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);
            }
        });

【讨论】：