如何优化视频呈现 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

Windows 运行时介绍了几种使用 HTML5 video 元素时的优化方法。

说明

使用 msIsLayoutOptimalForPlayback 属性

只读布尔属性 msIsLayoutOptimalForPlayback 为开发人员提供了关于视频元素是否可以从系统中优化的渲染选项中受益的信息。

msIsLayoutOptimalForPlayback 状态更改时,侦听要通知的 onMSVideoOptimalLayoutChanged 事件。

对于要设置为 truemsIsLayoutOptimalForPlayback,请避免以下几项:

  • 使用 CSS 的视频元素设置边框。
  • 通过画布渲染视频元素。
  • 在 SVG 中嵌入视频元素。

msIsLayoutOptimalForPlayback 设置为 true 时,视频播放通常具有更好的性能且通常可使用更少的电池电量。

要启用立体 3D 播放,msIsLayoutOptimalForPlayback 必须设置为 true