jwPlayer-当用户在手机上单击视频时更改预览图像

jwPlayer-当用户在手机上单击视频时更改预览图像,jwplayer,Jwplayer,当网站加载时,我在视频上有一个预览图像,上面写着“单击此处播放”(代码中名为iPhoneVideoPreviewImage5),但当用户单击图像时,在视频播放之前不会发生任何事情(没有“加载…”gif或图像) 我想在视频缓冲时更改图像。 以下是设置代码: jwplayer('container').setup({ plugins: { "/scripts/jwplayer/plugins/advanced_google_an

当网站加载时,我在视频上有一个预览图像,上面写着“单击此处播放”(代码中名为iPhoneVideoPreviewImage5),但当用户单击图像时,在视频播放之前不会发生任何事情(没有“加载…”gif或图像) 我想在视频缓冲时更改图像。 以下是设置代码:

        jwplayer('container').setup({
            plugins: {
                "/scripts/jwplayer/plugins/advanced_google_analytics.min.js": {}
            },
            skin: skinFC,
            playlist: [{
                file: introDownloadVideoUrl,
                provider: 'video'
            }, {
                file: streamingVideoFileName,
                provider: 'rtmp',
                streamer: cloudFrontStreamingDistribution
            }],
            repeat: 'list',
            image: videoPreviewImageUrl,
            autostart: autoStart,
            icons: 'false',
            stretching: 'exactfit',
            volume: '100',
            modes: [
                { type: 'flash', src: '/scripts/jwplayer/player.swf' },
                {
                    type: 'html5',
                    config: {
                        'file': downloadVideoUrl,
                        'provider': 'video',
                        'autostart': 'false',
                        'skin': '/scripts/jwplayer/FBS-FullControls/FBS-FullControls.xml',
                        'image': iPhoneVideoPreviewImage5
                    }
                },
                {
                    type: 'download',
                    config: {
                        'file': downloadVideoUrl,
                        'provider': 'video'
                    }
                }
            ],
            events: { 
                onReady: function () {
                    if (readCookie('VidIndex' + pathName) > 0 && readCookie('VidIndex' + pathName) <= jwplayer().getPlaylist().length + 1) {
                        // resume playing where left off
                        jwplayer('container').playlistItem(readCookie('VidIndex' + pathName));
                    }
                    if (readCookie('VidTimer' + pathName) > 10) {
                        // resume playing where left off
                        jwplayer('container').seek(readCookie('VidTimer' + pathName));
                    }
                    var browserHeight = $(window).height();
                    if (typeof changeVideoSize != "undefined" && browserHeight > 768) {
                        jwplayer().resize(640, 480);
                    }
                },
                onTime: function (evt) {
                    if (typeof (headlineCuePoint) != "undefined" && evt.position > headlineCuePoint && evt.position < headlineCuePoint + 1) {
                        updateHeadline();
                    }
                },
                onComplete: function () {
                    if (jwplayer().getPlaylistItem().file == streamingVideoFileName || jwplayer().getPlaylistItem().file == downloadVideoUrl) {
                        $('#video').slideUp('slow');
                        $('#replay').slideDown('slow');
                    }
                },
                onError: function (err) {
                    logError(err);
                }
            }
        });
jwplayer('container')。设置({
插件:{
“/scripts/jwplayer/plugins/advanced_google_analytics.min.js”:{}
},
皮肤:skinFC,
播放列表:[{
文件:introDownloadVideoUrl,
提供商:“视频”
}, {
文件:streamingVideoFileName,
提供程序:“rtmp”,
拖缆:cloudFrontStreamingDistribution
}],
重复:“列表”,
图片:videoPreviewImageUrl,
自动启动:自动启动,
图标:“false”,
拉伸:“exactfit”,
卷:"100",,
模式:[
{type:'flash',src:'/scripts/jwplayer/player.swf'},
{
键入:“html5”,
配置:{
“文件”:下载视频URL,
“提供者”:“视频”,
“autostart”:“false”,
“皮肤”:“/scripts/jwplayer/FBS-FullControls/FBS-FullControls.xml”,
“图片”:iPhoneVideoPreviewImage5
}
},
{
键入:“下载”,
配置:{
“文件”:下载视频URL,
“提供者”:“视频”
}
}
],
事件:{
onReady:function(){
if(readCookie('VidIndex'+路径名)>0&&readCookie('VidIndex'+路径名)10){
//继续在停止的地方比赛
jwplayer('container').seek(readCookie('VidTimer'+pathName));
}
var browserHeight=$(窗口).height();
如果(类型更改VideoSize!=“未定义”&&browserHeight>768){
jwplayer()。调整大小(640480);
}
},
onTime:功能(evt){
if(类型(headlineCuePoint)!=“未定义”和&evt.position>headlineCuePoint和&evt.position

除了加载部分外,所有操作都很好,因为用户认为除了加载视频之外什么都没有发生。

看起来您已经在使用API了。在这种情况下,我会使用onBuffer()。尝试创建onBuffer事件,但它没有播放文件:onBuffer:function(){“image”:“absolutePathToneImage”}播放器刚刚停止工作您需要加载文件,而不仅仅是图像。