你好,尝试用用户可切换的视频制作出基于MEJS的视频播放器。

我遇到的问题是,当我调用setSrc()时,无论preload标记指示什么,闪光灯和html5播放器都会在开始播放新vid之前预加载整个视频。理想情况下,视频在下载数据时开始播放。

/* code and comments trimmed for your viewing pleasure */
<video src="myvideo1.mp4" width="800" height="450" preload="none" smoothing autoplay></video>

<script>
    var player = new MediaElementPlayer('video', {
        enablePluginDebug: true,
        plugins: ['flash','silverlight'],
        defaultVideoWidth: 800, defaultVideoHeight: 450,
        videoWidth: -1, videoHeight: -1,
        loop: false,
        features: ['playpause','progress','current','duration','fullscreen'],
        success: function (mediaElement, domObject) {
            mediaElement.play();
        },
        error: function () {
            alert('error!');
        }
    });

    var currentVid = 1;

    var vidnames = new Array("(null)",
        "myvideo1.mp4",
        "myvideo2.mp4",
        "myvideo3.mp4");

    function switchvid (vidnum) {
        currentVid = vidnum;

        player.pause();
        player.setSrc( vidnames[vidnum] );
        player.play();

        return false;
    }

</script>

<A HREF="#" onClick="return switchvid(1)"><IMG SRC="ch01x.png"></A>
<A HREF="#" onClick="return switchvid(2)"><IMG SRC="ch02x.png"></A>
<A HREF="#" onClick="return switchvid(3)"><IMG SRC="ch03x.png"></A>


尝试preload="none"preloadpreload="auto"都具有相同的结果...播放器似乎挂起了,而整个下载空间都充满了缓冲区,然后开始播放。

最佳答案

显然,load()函数可以处理此问题。尚不清楚load()与PRELOAD属性(如果有)之间的关系,但对我而言,它现在正在工作。

 var player = new MediaElementPlayer('video', {
    // etc
    success: function (mediaElement, domObject) {
        mediaElement.load();
        mediaElement.play();
    }
 }

function switchvid (vidnum) {
    currentVid = vidnum;

    player.pause();
    player.setSrc( vidnames[vidnum] );
    player.load();
    player.play();

    return false;
}

10-07 19:21