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
Related
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.
I am using this HTML 5 player:
https://github.com/sampotts/plyr
All the configurations above are working fine.
I am working on an application that requires youtube videos to be shown in my app.
But I am not able to see quality control when using youtube videos.
Is it possible here?
Can somebody please help?
or
Can someone suggest some other way to use videos in my app?
You can use html Iframe to display Youtube Videos.
Can select a video and get embeded link and add it to src of iframe we can choose the height,width and autoplay options
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/
I'm running AnythingSlider, and in each of my slides is an embedded YouTube video, using the standard YouTube embed functionality, with some other content.
What I'd like to be able to do is stop the AnythingSlider from automatically rotating through slides when a video is played.
I understand that the YouTube API offers onStateChange to perform different actions depending on what state the YouTube video is in, but I don't know if that functionality is available to videos embedded using the standard embed code rather than swfobject.
So, ideally when the YouTube video is playing it needs to call AnythingSlider's stopSlider() function - but I've no idea of how to do this.
Any support would be greatly appreciated.
Thanks.
This feature is available in the newer versions of AnythingSlider, but sadly it isn't working properly for IE yet.
Update: v1.4.6 will support all browsers, but requires swfobject.