どうも、こんにちは。江嵜です! 今日は HTML5 と JavaScript でビデオプレーヤーを作ってみましょう! 「Web でビデオプレーヤーなんて作ろうと思ったら、結構めんどくさいんじゃないの?」とお思いのアナタ! HTML5 からは全然そんなことないんです!ほんの数十分でビデオプレーヤーを作れてしまいますよ。 案ずるより産むが…で、とりあえずコード書いてみましょう! 今回作るもの 今回、こんな感じのものを作ってみましょう。 操作はシンプルに、動画を操作するための Start・Stop・Pause。 あとはフルスクリーン表示と、動画読み込み用のボタンを配置しました。 それと動画の下にあるプログレスバーですね。 こちらも操作可能ですよ。 コーディング! 今回は HTML, JavaScript, そしてデザインの為の CSS が必要ですね。 あと、動画選択前に表示しておく画像が 1 枚
![HTML5 & JavaScript でビデオプレーヤーをサクッと作ろう!](https://cdn-ak-scissors.b.st-hatena.com/image/square/a687ad91944acffc24f08885fcfdaa1203acb8ab/height=288;version=1;width=512/https%3A%2F%2Fwww.agent-grow.com%2Fself20percent%2Fwp-content%2Fuploads%2F2018%2F07%2F850c7612116999490846136e772ab7fd-2.png)