DOM

HTMLVideoElement.msZoom プロパティ

 編集:2022.11.10 by T.A.

[Edge]⛌?。非標準。→

mdn: 非標準: この機能は非標準であり、標準の軌道に乗っていません。Web に面している実稼働サイトでは使用しないでください。すべてのユーザーに対して機能するとは限りません。また、実装間に大きな非互換性があり、動作が将来変更される可能性があります。

HTMLVideoElement の¶

mdn: このプロパティは、ビデオ ディスプレイに合わせて、ビデオ フレームを上下または左右にトリミングするかどうか。取得/設定が可能。

mdn: この独自のプロパティは、InternetExplorer および MicrosoftEdge に固有のものです。

構文
HTMLVideoElement.msZoom
HTMLVideoElement HTMLVideoElement

論理値。

mdn: ブール値を true に設定すると、ビデオフレームが表示スペースにトリミングされます。falseに設定すると、ビデオフレームはレターボックスまたはピラー ボックスを使用してビデオを表示します。

mdn: videoWidth 属性と videoHeight 属性で定義されるビデオ フレームのネイティブ アスペクト比が、width 属性と height 属性で定義される Video タグのアスペクト比と一致しない場合、ビデオはレター ボックスまたはピラー ボックス形式でレンダリングされます。レター ボックスとピラー ボックスは、ビデオの左右またはビデオの上部と下部にある黒いバーです。

mdn: msZoom 属性が true に設定されている場合、レンダリングされたビデオはビデオ オブジェクトのサイズに合うようにトリミングされます。ビデオの上下がトリミングされるか、ビデオの左右がトリミングされます。

mdn: たとえば、ビデオ タグのレイアウト スペースが 4:3 のアスペクト比であるが、入ってくるストリームが 16:9 のアスペクト比である場合、msZoom オプションを使用して 16:9 のビデオを 4:3 のアスペクト比でレンダリングできます。比率。レンダリングされたビデオは、ビデオ オブジェクトの全スペースを占有します。

HTML:

<VIDEO id=IdTest src="../../Sample/Eizou_M.mp4" controls></VIDEO>

JavaScript:

D=IdTest.msZoom;  //=[undefined]:undefined
IdTest.msZoom=true;
IdTest.width=300;
IdTest.height=100;

Edgeでは対応していないようです。


テスト