Home Made Garbage

横幅いっぱいmp4のレスポンシブ背景(キービジュアルなど)

お母ちゃん お母ちゃん  2018.8.21 
ホーム
電子工作
Raspberry Pi
WordPress
IOT

video タグだと Chrome で動かなかったので video.js を使いました。

video.js

CDNを利用する場合

head 

body の上

HTML

CSS

  padding-top: 56.25%;
(動画の [縦 ÷ 横 × 100] を 設定する)

JS

DEMO

(別ウィンドウでCodePenを開いて頂いた方が見やすいです)

See the Pen WgNVXq by HomeMadeGarbage (@hmg) on CodePen.

コメントを残す

メールアドレスが公開されることはありません。コメントのみでもOKです。

TOP