HTML5 视频 webOS答案

【问题标题】：HTML5 video webOSHTML5 视频 webOS
【发布时间】：2019-08-28 15:28:19
【问题描述】：

我正在尝试在 webOS Web 应用程序中播放外部 HTML5 视频。根据this question，webOS 应该支持.mp4 视频，但每当我尝试在我的应用程序中播放 HTML5 视频时，视频根本无法加载/播放。我的代码（用于测试目的）：

<video id="demo-video" autoplay muted loop>
                <source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4"
                        type="video/mp4">
                Your Smart TV does not support the current video format (MP4)
</video>

我尝试了不同的来源，但它们似乎都不起作用。在浏览器中测试时，它确实可以工作，但在 webOS 智能电视上打开应用程序时，什么也没有发生。即使尝试播放本地 .mp4 文件也不起作用。

我发现video 元素上的.play() 返回一个状态为pending 的Promise。奇怪的行为和重新加载源代码并不能解决问题。

【问题讨论】：

你是在真机上测试还是在模拟器上测试？
@burakk 真正的电视！

标签： html html5-video webos

【解决方案1】：

我发现了问题：它与我在<video> 元素上应用的样式有关。开发时，Chrome 显示的视频很好。但显然，border-radius 是不允许的？至少在智能电视和模拟器上使用的 Chrome 版本中没有。因此，如果您遇到同样的问题，请检查可能导致视频无法播放的样式。

【讨论】：

【解决方案2】：

尝试将width 和height 属性添加到您的视频标签。该视频可在我的电视上播放。

<video id="demo-video" width="1920" height="1080" autoplay muted loop>
    <source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4" type="video/mp4">
    Your Smart TV does not support the current video format (MP4)
</video>

【讨论】：

嗯。我发现每当我尝试播放视频时，.play() 返回的承诺返回状态“待定”。它保持这种状态。试图找出为什么会发生这种情况。在模拟器上，也会出现同样的问题。
更新了我的帖子。
它可能不相关，但我会删除视频标签中的源标签并使用视频标签的 src 属性。 developers.google.com/web/updates/2016/03/play-returns-promise