How to Play a m3u8 File with HTML5 Video Element

Опубликовано: 04 Декабрь 2022
на канале: ByteGrad

52,803

494

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professi...
👉 Professional JavaScript Course: https://bytegrad.com/courses/professi...
👉 Professional CSS Course: https://bytegrad.com/courses/professi...

👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): https://email.bytegrad.com

Code snippets (YT doesn't allow me to use angled brackets, so add yourself):

video id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
controls
data-setup="{}"
source src="https://d3rlna7iyyu8wu.cloudfront.net..." type="application/x-mpegURL"
/video

or initialize with JS:
window.addEventListener('DOMContentLoaded', function() {
const player = videojs('my-video', {});
});

Example link from Dolby: https://d3rlna7iyyu8wu.cloudfront.net...
Live video example link from Akamai: https://moctobpltc-i.akamaihd.net/hls...

🔔 Email newsletter (get new course discounts): https://email.bytegrad.com

0:00 Solution

#webdevelopment #coding #programming