I am building a new website with a Wordpress theme, I have Clappr video frame embedded in my website for streaming live videos. I am using m3u8 link within Clappr player and it works fine when a user browse my website and start watching. But when another user access to the website and start watching, the streaming immediately disconnects with the first user.
I have tried a lot of Media players, but all have problems with the browsers, like some of them were not working on all platforms.
This is the code where I implement the Clappr player in my html page:
<div id="player"></div>
<script>
var player = new Clappr.Player({source: "streamingsourcehere.m3u8", parentId: "#player",autoPlay: true, playback: { playInline: true, recycleVideo: Clappr.Browser.isMobile }});
</script>
I expect that any user can access my website and start watching, it works fine with the first user, but when another user access my website the streaming disconnect with the first user. Note: I get 403 (Forbidden) with the first user when another user access to the website.
I tried to use a media server to generate a link that can be accessed from an and it worked!