Webビデオでは「PlaysInline」とはどういう意味ですか？

最近、Webビデオのplaysinline属性に関する混乱に遭遇しました。明確な説明を探した後、私は答えが非常に簡単であることに気付きました（そして、私は知らないことで少しばかげたと感じました！）。

このように使用されるplaysinline属性：

<video controls="" playsinline="" src="..."></video>

デフォルトのフルスクリーン動作ではなく、ページ上の現在の場所でビデオを再生するようにモバイルブラウザに指示します。

比較は次のとおりです。PlaysInline playsinlineなければ、ビデオはフルスクリーンを開きます。 playsinlineを使用すると、インラインで再生されます。

（注：上記の埋め込みビデオは、この投稿内のplaysinline機能を示しています。）

ユーザーは、 playsinlineを使用してもフルスクリーンに切り替えることができ、実際にデフォルトの設定になります（技術的にはデフォルトではありませんが、明示的に追加する必要があります）。

この属性は、GIFのようなビデオエクスペリエンスを作成するために必要な属性セットで頻繁に使用されます。

<video autoplay="" loop="" muted="" playsinline="" src="..."></video>

4つの属性すべてが存在すると、ビデオはGIFと同様にモバイルブラウザに自動再生およびループしますが、パフォーマンスが大幅に向上します。ループが必要ない場合はloop属性を省略できますが、 autoplayが正しく機能するには他の3つが必要です。

また、モバイルデバイス（少なくともiOS）にサムネイルを表示する（明らかに唯一の）方法は、 poster属性を使用することであることを発見しました。プリロードしても、ポスター画像なしで空白のスペースが表示されます。

違いは次のとおりです。 poster属性がなければ、空白が表示されます。それにより、サムネイルが表示されます。

<video controls="" poster="thumbnail.jpg" src="movie.mov"></video>

posterを使用することが非現実的である場合、ビデオ要素の周りに境界線または同様の視覚的なキューを追加すると、ユーザーエクスペリエンスの改善とフローティングプレイボタンの不器用さを回避できます。

以上がWebビデオでは「PlaysInline」とはどういう意味ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。