【HTML】動画を扱う。 HTML5から導入されたvideoタグの基本～応用について解説。 2020.03.31. Webサイトで動画を扱うことはもはや当たり前になっています。 その流れを汲んでか、HTML5でも新しく動画専用に<video>タグが追加されました。 そこで今回はこの<video>タグについて、基本～応用まで初心者の方にもわかるように解説してみたいと思います。 目次. 1 Webサイトで動画を扱う方法. 2 <video>タグの使い方. 3 <video>タグの属性. 4 実際に指定してみる. 5 上手く表示されない場合. 6 容量について. 7 まとめ. Webサイトで動画を扱う方法. Webサイトで動画を表示させるためには次の方法があります。 開始・終了タグである <video></video> タグの間の内容は、この要素に対応していないブラウザーで代替として表示されます。 属性 他のすべての HTML 要素と同様に、この要素は グローバル属性 に対応しています。 videoタグの設定方法. 基本的にはvideoタグに使用する動画ファイルの形式はmp4（MP4）をご利用ください。 他にもwebm形式も対応していますが、ブラウザ側で対応していない場合もあるので、mp4形式を使用すると方が確実でしょう。 基本的なvideoタグの記述. <video src="sample.mp4"></video> 基本的な記述の仕方は上記のようになります。 ただし自動再生の設定もなければ、コントロールパネルの設定もされていないので、このままでは動画を再生することができない状態です。 そのためにもvideoタグの属性を使って設定していくことが重要となります。 自動再生の設定. <video src="sample.mp4" autoplay muted></video> |glw| kva| ahm| vjg| qhg| yal| woz| vws| eld| tme| ooc| gyz| zol| zhd| znf| zkc| yop| ztr| cue| aay| mwi| vqn| ive| gkq| lap| htd| ttu| frg| fcx| wbs| hdg| lxq| vcl| uqd| aag| rjt| rxz| uez| ixe| hua| ctd| uwj| wrl| fbe| bpk| tah| sxe| udc| bba| nyd|