HTML5 视频 webOS

Question

我正在尝试在 webOS 网络应用程序中播放外部 HTML5 视频。根据，webOS 应该支持 .mp4 视频，但每当我尝试在我的应用程序中播放 HTML5 视频时，视频根本不会 load/play。我的代码（用于测试目的）：

<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>

我尝试了不同的来源，但其中 none 似乎有效。在浏览器中测试时，它确实有效，但在 webOS 智能电视上打开应用程序时，没有任何反应。即使尝试播放本地 .mp4 文件也不起作用。

我发现 video 元素 returns 上的 .play() 是状态为 pending 的 Promise。奇怪的行为和重新加载源代码无法解决问题。

Answer 1

尝试将 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>

Answer 2

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

HTML5 视频 webOS

HTML5 video webOS

html

webos

html5-video