ckplayer播放器设置默认封面时部分浏览器不能正常显示封面图片问题的处理
2017-06-05 15:49
916 查看
在使用ckplayer播放器时,页面加载后视频默认不自动播放,此时想要给视频设置一个默认的封面图片,否则视频会漆黑一片,如下图所示,影响页面的整体美观性,
ckplayer也提供了响应的设置方法,可以在代码中设置相应的参数,如下图:
这样在部分浏览器中即可以正常显示设置的封面图片了,但在有些浏览器中(经测试,目前发现Google、Edge、猎豹等)还是不行,需要点击一次播放按钮才会出现封面,然后再点击一次播放,才能开始播放视频,体验还是不好。
原因可能是默认使用了flash的方式进行播放,而没有使用提供的H5方式(将上图中的参数 FALSE改成TRUE。改用H5方式播放时,播放器中会出现下载的按钮,暂时不知道如何隐藏下载按钮,所以未采用),由于封面图片的尺寸与视频的大小不一致,被Google等浏览器识别成视频开始前的广告而被拦截,导致不能正常加载。下面将针对Google、Edge和猎豹三个浏览器作分别设置。
【Google】
【Edge】
【猎豹】需要在地址栏中手动输入:liebao://plugins/
ckplayer也提供了响应的设置方法,可以在代码中设置相应的参数,如下图:
这样在部分浏览器中即可以正常显示设置的封面图片了,但在有些浏览器中(经测试,目前发现Google、Edge、猎豹等)还是不行,需要点击一次播放按钮才会出现封面,然后再点击一次播放,才能开始播放视频,体验还是不好。
原因可能是默认使用了flash的方式进行播放,而没有使用提供的H5方式(将上图中的参数 FALSE改成TRUE。改用H5方式播放时,播放器中会出现下载的按钮,暂时不知道如何隐藏下载按钮,所以未采用),由于封面图片的尺寸与视频的大小不一致,被Google等浏览器识别成视频开始前的广告而被拦截,导致不能正常加载。下面将针对Google、Edge和猎豹三个浏览器作分别设置。
【Google】
【Edge】
【猎豹】需要在地址栏中手动输入:liebao://plugins/
相关文章推荐
- .net 4.0发布后不能正常显示图片问题,将iis应用程序池设置成4.0版本,报告错误:处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”
- IE兼容问题之一:table--td设置背景颜色or背景图片,border不能正常显示(用的框架是layui)
- 第一天-解决了轮播图片不能显示和部分文件不能下载两个问题
- ie不能正常显示图片问题
- 由于TableView的Section的头部和尾部高度设置的不规范引起的部分Section中的图片无法正常显示
- 本地运行FlashPlayer访问本地文件的设置 / 本地运行flash不能正常显示问题(转http://hi.baidu.com/slzs_zyt/blog/item/c8a40697aa45ac6354fb9630.html)
- 解决图片路径中含有中文在jsp下不能正常显示问题
- ckeditor.js的加载问题,浏览器不能正常显示ckeditor问题
- Bluehost图片不能正常显示的问题
- .net 4.0发布后不能正常显示图片问题
- 给Button按钮设置背景图片在IE下不能正确显示的问题
- 部分手机浏览器图片不显示问题
- 关于tabBar的图片不能正常显示问题
- Ueditor图片上传设置(1.4.3 JSP版本) - 解决图片不能显示问题
- 解决ImageView部分图片不能显示的问题(图片已经损坏)
- IE6下图片不能正常显示(其它浏览器正常)的解决方法
- OpenCV问题集锦,图片显示不出来,WaitKey(0),imread()不能读图片,未经处理的异常,等问题集合
- 图片不能正常显示,显示默认图片。
- html学习笔记-解决ie6中png图片透明不能正常显示问题
- OpenCV问题集锦,图片显示不出来,WaitKey(0),imread()不能读图片,未经处理的异常,等问题集合