HTML5视频播放器进度条在Chrome中的奇怪外观

dauxcl2d  于 11个月前  发布在  Go
关注(0)|答案(1)|浏览(94)

我有一个角15项目,在那里我使用html5视频播放器。
在播放开始之前,进度条看起来像这样:
Progress bar before playback starts
当视频播放时,进度条看起来像这样:
Progress bar after playback has started
这只是Chrome相关的问题。Firfefox和IE工作正常。任何信息可能导致这一点?

gmol1639

gmol16391#

首先,你应该意识到,有人似乎在散布关于如何让Chrome/Chromium正确显示HTML视频控件的虚假信息。
查看我对另一个问题的答复:HTML5视频媒体控制面板自定义
其次,我可以在macOS上确认你报告的行为。使用具有最小样式的页面:

  • Safari和Firefox都将适当地显示基本的HTML5视频元素;
  • Chrome和Chromium显示它与您显示的过高的黑条。我已经测试了Chrome版本120.0.6099.129,并确认外观是相同的勇敢版本1.61.109 chrome :120.0.6099.144和Opera版本13.5.2 13.5.2 chrome 版本:120.0.6099.130。

这可能与Google.com希望每个人都在YouTube上发布视频有关。为了保护YouTube的垄断地位,它可能希望让像您这样的人难以显示您在其他地方托管的视频。
我的建议是,你警告观众,视频控件将无法在Chrome和基于Chrome的浏览器上正确渲染,并建议他们切换到破坏用户体验的浏览器。在macOS上,Safari和Firefox在渲染基本视频控件方面做得更好。
我还没有确认在Windows上的结果是什么,但我愿意打赌Edge使视频控件看起来和macOS上的Chrome和Chromium一样糟糕;即使你不使用任何JavaScript或CSS自定义,Firefox也能合理地渲染控件。
如果有Windows机器的人可以检查并发布他们发现的描述,那将是很有帮助的。但是,我们如何知道这个报告是来自说实话的人,还是散布虚假信息的人?

相关问题