ホームページ > 記事 > ウェブフロントエンド > ページ内に HTML ビデオを挿入して表示するにはどうすればよいですか? (例)
この記事ではHTMLに動画を追加する方法を紹介します 前回の記事でHTMLで再生・一時停止できる音声スタイルを表示する方法
は読みましたか?前回の記事の友達はビデオを追加する方法に精通しているはずです。彼らの手法はどれも非常に似ています。ここでは、HTML5 の重要なタグであるビデオ タグについても紹介します。これは、ムービー クリップやその他のビデオ ストリームなどのビデオを定義します。また、すべてのブラウザがこのタグをサポートしているわけではありません。
htmlビデオのクリック再生を追加するための具体的なコード例は次のとおりです:
<video src="movie.ogg" controls="controls"></video>
注:controls 属性は、再生、一時停止、および音量コントロールを追加するために使用されます。
HTML にビデオを追加するための特定のコードは次のようにすることもできます:<!DOCTYPE HTML> <html> <body> <video width="320" height="240" controls="controls"> <source src="mov.ogg" type="video/ogg"> <source src="/mov.mp4" type="video/mp4"> </video> </body> </html>
注:
ここでの幅と高さは、それぞれビデオ プレーヤーの幅と高さを表します。
video 要素は、Ogg ファイル、MPEG4 ファイル、WebM ファイルの 3 つのビデオ形式をサポートしています。
この記事では、HTML にビデオを追加する方法に関する関連知識を紹介します。必要な友達に役立つことを願っています。以上がページ内に HTML ビデオを挿入して表示するにはどうすればよいですか? (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。