ビデオ レンダリングを最適化する方法 (HTML)

[ この記事は、Windows ランタイム アプリを作成する Windows 8.x および Windows Phone 8.x 開発者を対象としています。Windows 10 向けの開発を行っている場合は、「最新のドキュメント」をご覧ください]

Windows ランタイムには、HTML5 の video 要素の使用時に最適化の方法がいくつか取り入れられています。

手順

msIsLayoutOptimalForPlayback 属性の使用

読み取り専用のブール属性、msIsLayoutOptimalForPlayback により、開発者には、システムでレンダリング オプションを最適化することにより、ビデオ要素に利点が得られるかどうかに関する情報が提供されます。

msIsLayoutOptimalForPlayback の状態が変更されたときに、通知される onMSVideoOptimalLayoutChanged イベントをリッスンします。

msIsLayoutOptimalForPlayback が true になるように、次のことを回避してください。

• CSS のアウトラインを設定したビデオ要素。
• Canvas のビデオ要素のレンダリング。
• SVG へのビデオ要素の埋め込み。

msIsLayoutOptimalForPlayback が true の場合、通常、ビデオ再生の品質がよくなり、バッテリの電力消費が抑えられます。

ステレオ 3D を有効にするには、msIsLayoutOptimalForPlayback を true に設定する必要があります。