Introduction
JW Player is a powerful and widely used HTML5 video player that supports adaptive streaming, HLS, and DASH playback. It provides a seamless viewing experience across devices and browsers. Designed for both live and on-demand video streaming, JW Player ensures fast loading times and high-quality playback, making it a popular choice for content publishers and streaming platforms.
Integration of CDN HLS stream using JW Player
We will use JW Player to integrate CDN HLS stream into your website. Assume that
https://cdn.mycompany.com/12345/_definst_/mystream/playlist.m3u8
is the CDN HLS stream you want to integrate. It can be either live or on-demand.
Please refer to Services/How-To for your streaming CDN URLs.
<div id="mediaplayer"></div>
<script type="text/javascript" src="https://www.mycompany.com/jwplayer/8/30/jwplayer.js"></script>
<script>jwplayer.key="my_jwplayer_license_key";</script>
<script type="text/javascript">
jwplayer('mediaplayer').setup({
'file': 'https://cdn.mycompany.com/12345/_definst_/mystream/playlist.m3u8',
'width': 480,
'height': 320
});
</script>
Generate this code with our Player Generator
Please visit the Services/How-To page and use our Player Generator to generate code similar to the above.
What next?
Read about the following topics.