綺麗にスタイリングされたメディアプレーヤーのデモ [Plyr.io]
Plyrというライブラリを利用して、レスポンシブ、アニメーション付きのボタンが付いたメディアプレーヤーを実装したデモンストレーションです。Youtubeの動画埋め込みもスタイリングできます。
ビデオプレーヤー
自前でファイルを用意した、ビデオプレーヤーの場合です。
YOUTUBE
YoutubeのビデオIDを指定することで、スタイリングされたプレーヤーに、Youtubeのビデオを埋め込むことができます。
ミュージックプレーヤー
サウンドファイルの例です。