andrewjbateman / html5-video-player

:clipboard: Create video player in html5, Wes Bos Javascript30 tutorial

⚡ Javascript HTML5 Video Player

• Wes Bos Youtube Tutorial: Custom HTML5 Video Player - #JavaScript30 11/30.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Javascript HTML5 Video Player
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Tutorial Code to play video in HTML.

📷 Screenshots

.

📶 Technologies

• Ran in Google Chrome browser with: Javascript engine V8 9.9 for Windows (x64).

💾 Setup

• Open index.html in browser. If any code is changed the browser needs to be refreshed.

💻 Code Examples

• function to show play or pause button.

function updateButton() {
  console.log('update play/pause button');
  const icon = this.paused? '►' : '❚ ❚';
  toggle.textContent = icon;
}

🆒 Features

• Controls for video volume and play-back speed.

📋 Status & To-Do List

• Status: Working.
• To-Do: Could add labels for video volume and play-back speed.

👏 Inspiration

• Wes Bos Youtube Tutorial: Custom HTML5 Video Player - #JavaScript30 11/30.

📁 License

• N/A

✉️ Contact

• Repo created by ABateman, email: [email protected]