Difference between revisions of "Widget:MerlinVideoPlayer"
From Coder Merlin
Line 9: | Line 9: | ||
hls.on(Hls.Events.MEDIA_ATTACHED, function () { | hls.on(Hls.Events.MEDIA_ATTACHED, function () { | ||
console.log('video and hls.js are now bound together !'); | console.log('video and hls.js are now bound together !'); | ||
hls.loadSource(' | hls.loadSource('https://stream.mux.com/7W029d9scqmc8tG8oQ9JbLTaEU00eWjJGhhIzAuRKPV8E.m3u8'); | ||
hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) { | hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) { | ||
console.log( | console.log( |
Revision as of 12:10, 23 November 2021
<video id="video"></video> <script>
window.addEventListener('load', (event) => { if (Hls.isSupported()) { var video = document.getElementById('video'); var hls = new Hls(); // bind them together hls.attachMedia(video); hls.on(Hls.Events.MEDIA_ATTACHED, function () { console.log('video and hls.js are now bound together !'); hls.loadSource('https://stream.mux.com/7W029d9scqmc8tG8oQ9JbLTaEU00eWjJGhhIzAuRKPV8E.m3u8'); hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) { console.log( 'manifest loaded, found ' + data.levels.length + ' quality level' ); }); }); } });
</script>