HTML ビデオ要素のサイズを設定するには

HTML の video タグのサイズを設定するには、CSS スタイルを使用するか、HTML タグに属性を直接追加します。以下に 2 つの方法を示します。

CSSスタイルを使うと

video要素にCSSクラスを作成して、CSSファイルでその大きさを設定できます。例：

<video class="my-video" src="video.mp4"></video>

“`

“`css

.my-video {

width: 500px;

height: 300px;

}

上記サンプルではvideo要素は幅500ピクセル、高さ300ピクセルのサイズを持ちます。

HTMLタグに直接属性を追加してください：

ビデオタグに直接widthとheight属性を使用してサイズを指定することもできます。例：

<video src="video.mp4" width="500" height="300"></video>

この例では、video 要素の幅は 500 ピクセル、高さが 300 ピクセルになります。

CSSスタイルとHTML属性の両方を使用して寸法を設定する場合、CSSスタイルの方が優先度が高くなりますのでご注意ください。