问题摘要:访问videojs.com首页上的演示,暂停和全屏按钮在Android上的Chrome中无效。该视频在Android浏览器中根本无法播放。
重现的步骤:
默认Android浏览器(Samsung Galaxy S3上的Android 4.1.2版本):
访问videojs.com首页,视频有一个进度条,但不是播放按钮,位于视频的右下角或中间或左上角。视频海报出现,但点击视频不会播放。拖动进度条会显示加载微调器,但视频无法播放。
适用于Android浏览器的最新Chrome浏览器(Samsung Galaxy S3上的Chrome / 28.0.1500.64): 访问videojs.com首页,事情看起来还不错:出现视频海报,以及一个大的居中播放按钮,左下方的播放按钮和一个进度条。按播放会播放视频。移动进度条可以正确地使视频跳过位置。但是,暂停按钮不起作用,并且全屏按钮不起作用。视频播放完毕后,视频区域变黑,暂停按钮保持不变。只能通过将进度条拖回左侧来重新启动视频。
Nexus 7 Chrome浏览器(Chrome / 18.0.1025.166):与Galaxy S3上的Chrome完全相同的问题(如上所述)。
所有这些测试均通过Wifi连接到可靠的高速互联网连接完成。
在我自己的项目中实现Video.js 4.1.0时,我也有类似的问题,并且最初认为它可能与我试图动态改变宽度和高度作为响应式设计的一部分有关。但当我将手机指向Videojs.com首页演示时它甚至无法工作时,我意识到这不仅仅是我......
请注意,事情与Video.js 3.2完美配合,并且在iOS上也能完美运行。
有人能确认这个问题吗?任何帮助非常感谢! :)
答案 0 :(得分:0)