I'm working with angular 11 project. I have integrated videojs library for video playing.
Video is playing fine with web-browser. But not playing in android device.
I have created one example link here for this issue Demo
Can anyone one suggest me a solution which can work for android?
Any help would be appreciated.
You've got a video element, with a HLS source. Android can play HLS natively but not well. As the source is already loaded when Video.js is initialised the source is not reloaded. If you make sure the source is only loaded after initialisation then it will be played with Video.js's http-streaming/MSE instead.
One option is to use a <video-js> element instead of <video>. Another is to remove the <source> and load it with player.src() instead.
Related
I'm using JWPlayer 7.5.2 and playing an M3U8 stream via Flash since apparently HTML5 won't support M3U8/HLS streams in the browser. I can get our M3U8 stream to play, but I can't get the video centered in the div or to go full-screen. The following link is an example of the problem (the link is dynamically generated):
http://stage.flcbranson.org/php/mlmMediaRebroadcastStreamRequest.php?site=flcb&locationID=1&eventName=Sunday%20Rebroadcast&mediaID=5467&collectionID=189&collectionName=Willing%20And%20Obedient&contentPart=Pt.%2011%20-%20What%20Is%20To%20Be%20Done%20For%20Them&authorName=Keith%20Moore&locationName=Faith%20Life%20Church%20Branson&collectionStarted=Sunday,%20August%2021,%202016&vodPathName=/vod/smil:Weekend_Sun_RB.smil/playlist.m3u8
The following is my code:
Any help or direction would be greatly appreciated. I tried everything I've read in the documentation and get the same issue. Do I need to use JWPlayer's API to resize it's player? If so, does anyone have an example using Flash?
Thanks,
Brandon
I'm using a latest flowplayer, and i'ved created couple of buttons that provides video source from cdn. With the click event the player should load the video source dynamically. But for some reason flowplayer cant unload and load the source of video properly. Instead I get the following error
html5: Video file not found
function flow(source) {
jQuery("#flow").flowplayer().unload();
jQuery("#flow").flowplayer().load(source);
}
alternatively I've tried to re-init the flowplayer with every click, but sometime the initial video get loaded instead of the clicked video source. After couple of clicks the flowplayer also get stuck on loading screen.
http://jsfiddle.net/qAj8x/
If you are using chrome for this purpose then from here . Chrome and Flow Player dose not go well together.
Native fullscreen is supported in Chrome 15+, Safari 5.1+ and Firefox 14+ and others will use full browser window. In Firefox 9+ the fullscreen is disabled and needs to be manually enabled at about:config (full-screen-api.enabled;true).
Some Chrome versions have issues with playing MP4 content. Workaround: List a WEBM before the MP4 source and/or set preload="none" as video tag attribute.
Chrome gets stuck when trying to load the same video twice, even in two different tabs.
I'm using mediaelement.js to load videos with subtitle tracks.
All was working well until I updated my Chrome browser to 27.x. Now if a subtitle track is included, the video will load but not play. The video buffers fine (I can manually scrub through it), but neither the play button or javascript play() will play the video. The loading gif just sits there, and I don't see any errors in the console.
It works in all other browsers I've tested, including Chrome 26.x.
If I remove the subtitle source element, the videos load and play correctly in Chrome.
(This is my first SO question so any tips would be appreciated, thanks)
I'm on day four of trying to solve this same issue and came across this question. It's happening on Mac and Windows. Troubleshooting is aggravated by what appears to be local caching -- if I comment out the <track> the video plays; When I re-enable it and reload, it also plays, but then if I close out of the browser it will no longer work until I comment the <track> out again.
If I disable mediaelement and test with native HTML5 video, the problem does not manifest itself.
Let's say we embed a YouTube video on a web page.
Underneath the video player, could we display subtitles synched to the video using a media framework like Popcorn.js?
Interesting you mentioned Popcorn.js, because Popcorn does support Youtube.
http://popcornjs.org/popcorn-with-youtube
Buuut, that documentation is out of date.
It is now:
"var example = Popcorn.youtube("
There are new docs on their way.
If you choose the HTML5 version when embedding the YouTube video and if it's actually being played within an HTML5 browser, it's just a video tag so you can use Popcorn.js. When it's a Flash, I'm not sure if you can get into that Flash and know the progress and listen to the events.
If you use the YouTube JavaScript Player API, you can use player.getCurrentTime() to find out which line of subtitling to show.
Then again, YouTube already supports subtitles to begin with.
i thought flash dont work on iphone and i been tring to see this jplayer on my mobile iphone 4 and mp3 is playing fine on it, so im scraching my head and thinking why its playing it?
so this means, this jplayer will work on all the browser and mobiles? cause im making site for playing audio, need to know.
example: http://www.jplayer.org/latest/demo-01-supplied-mp3/
this is in flash tho, im really confused.
btw just to clear another thing is, even if its html5 it should not play mp3 file in html5 on iphone, because mp3 format is not supported by firefox.
list of format supported by browsers: http://www.jplayer.org/latest/developer-guide/#reference-html5-audio-format
because, jPlayer is HTML 5 audio and video player with jquery, Please check your link again and be confirm that it is saying, "HTML5 Audio & Video player for jQuery" not flash player
HTML5 allows you to play video/audio without any flash involved anywhere. That version of JPlayer you are looking at uses HTML5
jplayer only uses flash when it does not find a html5 compatible browser. please have a look on the jplayer documentation.
http://www.jplayer.org/0.2.4/developer-guide/