ホームページ  >  記事  >  ウェブフロントエンド  >  ページ内に HTML ビデオを挿入して表示するにはどうすればよいですか? (例)

ページ内に HTML ビデオを挿入して表示するにはどうすればよいですか? (例)

藏色散人
藏色散人オリジナル
2018-08-11 10:51:0610487ブラウズ

この記事ではHTMLに動画を追加する方法を紹介します 前回の記事でHTMLで再生・一時停止できる音声スタイルを表示する方法

についての記事をご紹介しました

は読みましたか?前回の記事の友達はビデオを追加する方法に精通しているはずです。彼らの手法はどれも非常に似ています。ここでは、HTML5 の重要なタグであるビデオ タグについても紹介します。これは、ムービー クリップやその他のビデオ ストリームなどのビデオを定義します。また、すべてのブラウザがこのタグをサポートしているわけではありません。 ページ内に HTML ビデオを挿入して表示するにはどうすればよいですか? (例)

htmlビデオのクリック再生を追加するための具体的なコード例は次のとおりです:

<video src="movie.ogg" controls="controls"></video>

注:controls 属性は、再生、一時停止、および音量コントロールを追加するために使用されます。

HTML にビデオを追加するための特定のコードは次のようにすることもできます:

ページ内に 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。