“video”要素~“playsinline”属性

“playsinline”属性について

“playsinline”属性は動画ファイルのインラインでの再生を指定します。

インラインでの再生とは、全画面モードにして再生するのではなく、動画ファイルが埋め込まれた表示領域でそのまま動画ファイルを再生することを指します。

スマートフォン用のブラウザの一部では“playsinline”属性が指定されていない動画を再生すると自動的に全画面モードになります。ただ、多くのブラウザはインラインでの再生を初期状態としており、その場合は“playsinline”属性は意味を持ちません。

指定できる値

属性値は省略できます。

サンプルコード

属性値を省略
<p>

<video playsinline controls style=" max-width: 100%;">

<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません

</video>

</p>

属性値を省略

“playsinline”属性を指定しない
<p>

<video controls style=" max-width: 100%;">

<source src="sample.mp4" type="video/mp4">
<source src="sample.webm" type="video/webm">
<source src="sample.ogv" type="video/ogg">
動画ファイルを再生できません

</video>

</p>

“playsinline”属性を指定しない