【问题标题】:JW-PLAYER : load video 3rd instead of 1st video from playlistJW-PLAYER:从播放列表中加载视频第 3 个而不是第 1 个视频
【发布时间】:2013-10-10 11:36:02
【问题描述】:

使用下面的代码。我想做一些不同的事情。

当页面加载时,我想先加载视频“xyz.mp4”,而不是先加载“sintel.mp4”。表示视频播放应从第 3 个视频开始,而不是从下面代码中播放列表中设置的第 1 个视频开始..

JW Player 链接在这里。

如果有人熟悉这个 JWPLAYER,请给我解决方案。

问题:我该怎么做?需要什么进步?

代码

jwplayer("myElement").setup({
    playlist: [{
    image: "/assets/sintel.jpg",
    file: "/assets/sintel.mp4",
    title: "Sintel Movie Trailer"
    },{
    image: "/assets/bunny.jpg",
    file: "/assets/bunny.mp4",
    title: "Big Buck Bunny Movie Trailer"
    },{
    image: "/assets/xyz.jpg",
    file: "/assets/xyz.mp4",
    title: "test xyz video."
    },{
    image: "/assets/abc.jpg",
    file: "/assets/abc.mp4",
    title: "abc video."
    },{
    image: "/assets/tuv.jpg",
    file: "/assets/tuv.mp4",
    title: "TUV video"
    }]
    });

谢谢。

更新:

Spokey 回答的 playlistItem(index) 解决了这个问题。 但视频不应开始播放。我只需要加载不启动。表示不播放,只加载。

【问题讨论】:

    标签: javascript jquery html5-video jwplayer jwplayer6


    【解决方案1】:
    jwplayer("myElement").setup({
        playlist: [{
            image: "/assets/sintel.jpg",
            file: "/assets/sintel.mp4",
            title: "Sintel Movie Trailer"
        }, {
            image: "/assets/bunny.jpg",
            file: "/assets/bunny.mp4",
            title: "Big Buck Bunny Movie Trailer"
        }, {
            image: "/assets/xyz.jpg",
            file: "/assets/xyz.mp4",
            title: "test xyz video."
        }, {
            image: "/assets/abc.jpg",
            file: "/assets/abc.mp4",
            title: "abc video."
        }, {
            image: "/assets/tuv.jpg",
            file: "/assets/tuv.mp4",
            title: "TUV video"
        }]
    }).playlistItem(2).stop(); // index of the video
    

    发现于http://www.longtailvideo.com/support/jw-player/28851/javascript-api-reference/

    【讨论】:

    • 太棒了我的死心在哪里.. :) 我会尝试并会打勾作为正确的答案。再次感谢
    • 问题有点解决了,视频不应该开始播放。我只需要加载。不开始。表示不播放,只加载。
    • @JohnHarper .playlistItem(2).stop() ?
    • 只需添加 jwplayer().play();
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-25
    • 1970-01-01
    • 2023-04-04
    • 2018-12-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多