HTMLに動画を挿入する方法

醉折花枝作酒筹
リリース: 2023-01-04 09:34:47
オリジナル
64863 人が閲覧しました

HTML では、video タグを使用してビデオを挿入できます。構文形式は「」です。video タグはビデオを定義できます。 MP4、WebM、Ogg の 3 つのビデオ形式をサポートします。

HTMLに動画を挿入する方法

このチュートリアルの動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

ビデオはプラグイン (Flash など) を通じて表示されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。 HTML5 では、video 要素を通じてビデオを含める標準的な方法を指定しています。

HTML5 でビデオを表示するには、次のものが必要です。

<video src="movie.ogg" controls="controls">
</video>
ログイン後にコピー

再生、一時停止、および音量コントロールを追加するための control 属性。幅と高さの属性を含めることもお勧めします。

HTML ビデオ挿入コード:

<video width="420" height="200" controls autoplay>
        <source src="movie.mp4" type="video/ogg">
        <!--因为我的视频格式是MP4,所以路径的视频格式为MP4,下边注释的地方,就是你的视频什么格式就弄什么格式!-->
        <!--<source src="img/video/movie.mp4" type="video/mp4">
        <source src="movie.webm" type="video/webm">-->
        <object data="movie.mp4" width="320" height="240">
            <embed width="420" height="200" src="movie.mp4">
        </object>
    </video>
ログイン後にコピー

効果:

HTMLに動画を挿入する方法

## 推奨学習: 「

HTML ビデオ チュートリアル

以上がHTMLに動画を挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート