https://github.com/buzzcosm/custom-video-player-vanilla-js-app

ZTM Cours (javaScript Web Projects) - No. 11: Video Player
https://github.com/buzzcosm/custom-video-player-vanilla-js-app

font-awesome-icons html-css-javascript javascript vanilla-js video-player ztm ztm-course-exercises

Last synced: about 2 months ago
JSON representation

ZTM Cours (javaScript Web Projects) - No. 11: Video Player

• Host: GitHub
• URL: https://github.com/buzzcosm/custom-video-player-vanilla-js-app
• Owner: buzzcosm
• Created: 2024-10-16T22:56:47.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-17T01:32:06.000Z (3 months ago)
• Last Synced: 2024-10-19T00:04:13.479Z (3 months ago)
• Topics: font-awesome-icons, html-css-javascript, javascript, vanilla-js, video-player, ztm, ztm-course-exercises
• Language: JavaScript
• Homepage: https://buzzcosm.github.io/custom-video-player-vanilla-js-app/
• Size: 3.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Custom Video Player

Exercise Project of `ZTM` Cours on Udemy ([JavaScript Web Projects: 20 Projects to Build Your Portfolio](https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume)).

## Description

Extended with additional functions:

- Picture in Picture

- Videos Library as selector

![Big-Buck-Bunny-Video](./assets/img/Big-Buck-Bunny-Video.png "Big Buck Bunny - Video")

## Useful references

- [pixabay - free stock image/videos](https://pixabay.com)

- [mixkit - free stock video](https://mixkit.co/free-stock-video/)

- [GitHub - media list](https://gist.github.com/jsturgis/3b19447b304616f18657)

- [W3Schools - HTML Audio/Video DOM Reference](https://www.w3schools.com/tags/ref_av_dom.asp)

- [W3Schools - How TO - Fullscreen](https://www.w3schools.com/howto/howto_js_fullscreen.asp)

- [Mozilla - Picture-in-Picture API](https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API)

- [Chrome for Developers - Picture-in-Picture](https://developer.chrome.com/docs/web-platform/document-picture-in-picture)

- [svgrepo](https://www.svgrepo.com/)

- [User Agent](https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)

- [Why does Chrome send four browsers in the user-agent header?](https://security.stackexchange.com/questions/126407/why-does-chrome-send-four-browsers-in-the-user-agent-header)