どうも、こんにちは。江嵜です! 今日は HTML5 と JavaScript でビデオプレーヤーを作ってみましょう! 「Web でビデオプレーヤーなんて作ろうと思ったら、結構めんどくさいんじゃないの?」とお思いのアナタ! HTML5 からは全然そんなことないんです!ほんの数十分でビデオプレーヤーを作れてしまいますよ。 案ずるより産むが…で、とりあえずコード書いてみましょう! 今回作るもの 今回、こんな感じのものを作ってみましょう。 操作はシンプルに、動画を操作するための Start・Stop・Pause。 あとはフルスクリーン表示と、動画読み込み用のボタンを配置しました。 それと動画の下にあるプログレスバーですね。 こちらも操作可能ですよ。 コーディング! 今回は HTML, JavaScript, そしてデザインの為の CSS が必要ですね。 あと、動画選択前に表示しておく画像が 1 枚