You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
My Fluid Player setup is working well except in one particular use case:
When playing .m3u8 files on any Android browser, the picture freezes with the first few seconds while the audio keeps playing.
Video are served from Cloudflare Stream.
I've tested with other open source players with no issues (except they don't provide Vast support 😀). I'd be grateful for any help.
Here's my implementation: <video id="hls-video" style="width: 100%; height: auto;" preload="false"> <source src="https://customer-*********cloudflarestream.com/***********/manifest/video.m3u8" type="application/x-mpegURL" /> </video> <script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script> <script async> fluidPlayer('hls-video', { layoutControls: { primaryColor: "#1d395a", // Customize the primary color preload: "false", // Default 'auto' fillToContainer: true, autoPlay: false, // Set to true if you want to auto play the video playbackRateEnabled: true, allowTheatre: false, controlBar: { autoHide: true, autoHideTimeout: 3, animated: true, posterImage: 'customer-***********.cloudflarestream.com/*************/thumbnails/thumbnail.jpg?time=6m16s', posterImageSize: 'cover' // Default contain }, }, vastOptions: { vastTimeout: 5000, // Milliseconds to wait for VAST to load adList: [ { roll: "preRoll", // preRoll, midRoll, postRoll vastTag: "https://servedby.revive-adserver.net/fc.php?script=apVideo:vast2&zoneid=17205&skipoffset=10", }, ], }, }); </script>
The text was updated successfully, but these errors were encountered:
My Fluid Player setup is working well except in one particular use case:
When playing .m3u8 files on any Android browser, the picture freezes with the first few seconds while the audio keeps playing.
Video are served from Cloudflare Stream.
I've tested with other open source players with no issues (except they don't provide Vast support 😀). I'd be grateful for any help.
Here's my implementation:
<video id="hls-video" style="width: 100%; height: auto;" preload="false"> <source src="https://customer-*********cloudflarestream.com/***********/manifest/video.m3u8" type="application/x-mpegURL" /> </video>
<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script> <script async> fluidPlayer('hls-video', { layoutControls: { primaryColor: "#1d395a", // Customize the primary color preload: "false", // Default 'auto' fillToContainer: true, autoPlay: false, // Set to true if you want to auto play the video playbackRateEnabled: true, allowTheatre: false, controlBar: { autoHide: true, autoHideTimeout: 3, animated: true, posterImage: 'customer-***********.cloudflarestream.com/*************/thumbnails/thumbnail.jpg?time=6m16s', posterImageSize: 'cover' // Default
contain}, }, vastOptions: { vastTimeout: 5000, // Milliseconds to wait for VAST to load adList: [ { roll: "preRoll", // preRoll, midRoll, postRoll vastTag: "https://servedby.revive-adserver.net/fc.php?script=apVideo:vast2&zoneid=17205&skipoffset=10", }, ], }, }); </script>
The text was updated successfully, but these errors were encountered: