jwPlayer-当用户在手机上单击视频时更改预览图像
当网站加载时,我在视频上有一个预览图像,上面写着“单击此处播放”(代码中名为iPhoneVideoPreviewImage5),但当用户单击图像时,在视频播放之前不会发生任何事情(没有“加载…”gif或图像) 我想在视频缓冲时更改图像。 以下是设置代码:jwPlayer-当用户在手机上单击视频时更改预览图像,jwplayer,Jwplayer,当网站加载时,我在视频上有一个预览图像,上面写着“单击此处播放”(代码中名为iPhoneVideoPreviewImage5),但当用户单击图像时,在视频播放之前不会发生任何事情(没有“加载…”gif或图像) 我想在视频缓冲时更改图像。 以下是设置代码: jwplayer('container').setup({ plugins: { "/scripts/jwplayer/plugins/advanced_google_an
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”}播放器刚刚停止工作您需要加载文件,而不仅仅是图像。