ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

时间:2024-04-01 15:37:13

在使用ckplayer播放器时,页面加载后视频默认不自动播放,此时想要给视频设置一个默认的封面图片,否则视频会漆黑一片,如下图所示,影响页面的整体美观性,

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

ckplayer也提供了响应的设置方法,可以在代码中设置相应的参数,如下图:

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

这样在部分浏览器中即可以正常显示设置的封面图片了,但在有些浏览器中(经测试,目前发现Google、Edge、猎豹等)还是不行,需要点击一次播放按钮才会出现封面,然后再点击一次播放,才能开始播放视频,体验还是不好。

原因可能是默认使用了flash的方式进行播放,而没有使用提供的H5方式(将上图中的参数 FALSE改成TRUE。改用H5方式播放时,播放器中会出现下载的按钮,暂时不知道如何隐藏下载按钮,所以未采用),由于封面图片的尺寸与视频的大小不一致,被Google等浏览器识别成视频开始前的广告而被拦截,导致不能正常加载。下面将针对Google、Edge和猎豹三个浏览器作分别设置。

【Google】

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

【Edge】

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理

【猎豹】需要在地址栏中手动输入:liebao://plugins/

ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理