min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

PHP7 Bootstrap4で動画ギャラリーに再生ボタンをつける

サーバにある動画(mp4やmkvいろいろ)を一覧にして再生ボタンをつけるシンプルなphpファイルが完成。Bootstrapで速攻実現できた。

f:id:min117:20200105182315p:plain



cardの中に画像を置いて文字列をoverlayしている。

 

スマホで見るときとか、横幅サイズが一定以下に小さくなると一列に並んでくれるのが超便利。

f:id:min117:20200105180818p:plain

 

ソースはこれ。拡張子.phpのファイル内にhtmlも同居している。

f:id:min117:20200105192652p:plain

f:id:min117:20200105192724p:plain

 

f:id:min117:20200105192746p:plain


原理は
http://min117.hatenablog.com/entry/2019/12/07/145232

とほぼ同じ。読む対象をmp4にしただけ。


Bootstrapはこれ。

http://min117.hatenablog.com/entry/2019/12/22/124617

class="btn btn-primary"をループの中にかいてやるだけでボタンができる。最高すぎ。

 

次は「再生」ボタンの横に動画の件数(カウンタ)を表示してみる。