CSS・HTML　Factory

HOME>動画の埋め込み

動画の埋め込み

HTMLで動画の埋め込みが出来ます。

ＨＴＭＬ

<video poster="動画のファイル名.jpg" preload="metadata" width="幅" height="高さ" controls> <source src="動画のファイル名.mp4" type="video/mp4"> <source src="動画のファイル名.webm" type="video/webm"> <source src="動画のファイル名.ogv" type="video/ogg"> </video>

controlsはコントローラを表示します。
autoplayは自動再生を行います。
loopはループ再生を行います。
mutedは音声を出さない。
posterは静止画を表示します。
preloadは先読みの目安。"none" "metadate" "auto"

ＣＳＳ

レシポンシブなどで幅と高さを変える時

video { width:幅%; height:高さ%; }

CSS・Factoy