Images, music, videos, youtube, flash and vimeo x-browser media player plugin? - javascript

What I'm looking for is to have media player plugin, which will be able to play following media content:
images
audios (optional)
videos (optional)
youtube embedded videos
vimeo embedded videos
flash (when no flash support then image)
Content should be organized in playlist, and I shuold be able to decide what is the length of the frame with image (of course length of the frame with video/audio when autoplayed, is video/audio length itself). Also I need to be able add custom controls to it, and be able to trigger actions (next, prev, play, pause, stop) using javascript/jquery. I would also like to add click-thru links to the frames.
I couldn't find any with uncle Google or in existing questions, so I decided to post new question.

Try Open Standard Media (OSM) Player
http://mediafront.org/osmplayer/#.T9dsiStYvEV

Related

Make YouTube video quality as low as possible when out of view range

Question
So I want to have embedded YouTube videos. But when you scroll down it's just gonna use the sound and put fixed controls on the bottom of the page.
When you don't see the video anymore but just use it as sound, the quality of the video doesn't matter, so to not drain someone's internet, can I change the YouTube video's quality to the lowest possible (144p) with YouTube ? It should still be possible to change the YouTube video to its old quality when you scroll back up.
Not part of the question, but if you know this you can help me out :)
In this post I saw its not allowed to
just have the controls of the Youtube video to use it for audio. But
if I do it this way where I still use the video but when off the screen just
use the sound. Is this allowed?

Video don't open on browser of cell phone

(Using WordPress 4.7.3)
I have a video on my header background and it runs normally in the browser on desktop but when I open the browser on a cell phone, the video disappears. I checked the media queries in order to know if it is the problem, but apparently not.
Site URL: http://ratts.herokuapp.com/
Any idea what it is?
If you are talking about the video on the background, it won't work.
The only way to autoplay videos on mobile devices is to ditch the html video tag.
If you don't need audio:
Use a gif instead of the video. Depending of the animation, the file size will skyrocket though
Use a really long jpg or png that contains every frame of the video and then shift through them with javascript
Decode the video with javascript. For example use this h.264 decoder and play videos with good compression. Only downside I see is that it requires quite some CPU for the decoding.
Here's a similar question:
HTML5 video background on iPad/iphone

JS play videos and images in sequence

I am trying to play videos and images in sequence in html. I know it's not possible to play videos and images in sequence using html5 video player. I know generating video out of images and video is one solution but My scope very limited i need to play videos and images in html5 only. Is there any libraries or solution to achieve this.
Can you use a gallery? https://html5box.com/html5gallery/ is an option.
jQuery Image and Video Gallery Plugin - Awesome Image and Video Gallery, Supports Images, Flash, YouTube, Vimeo, MP4, M4V, OGG, OGV and WebM Videos, Works on Android, iPhone, iPad, Windows Phone and All Modern Web Browsers
[...]
Multiple Galleries on One Page: You can create multiple photo or video galleries on one webpage without any extra settings.

How can I stop the preload of a video (HTML5 - Javascript)

I have a web page with a video player preloading 3 videos (low, med, and high quality of the same video). Then, when the user clicks on one the button corresponding to the desired version, the video opens.
What I would like to do is to then stop the preloading of the two other videos.
Is that possible? In other words, can the "preload" attribute of the HTML5 Video tag be cancelled or stopped on the fly with some Javascript ?
I just came up with a solution to a problem I had that resembles your own. I am preloading a list of movies on my page, in series, but I need to be able to jump to one of them and prioritize it ahead of whatever might have already been preloading, in order to play it as quickly as possible.
I have a div#prebuffer element that holds the preloaded videos, as they are buffered. When I need to forget about preloading, I simply do this:
var $video = $('#prebuffer video:last');
$video.find('source').attr('src', '');
$video[0].load();
// it has now stopped preloading.
// and then, because I don't want this half-loaded broken cruft hanging around:
$video.remove();
It's slightly ugly, but I wasn't able to find a nicer way. And it gets the job done.
With jQuery, you can try:
$('#videoPlayerId').removeAttr('preload');
I don't know that it will stop a video that's already preloading.
From a UI perspective, why are you trying to preload all 3 videos at the same time? This will slow down the loading speed of all three; if you only preload one of them, more of the video will have a chance to buffer before the user starts viewing it.
I would suggest preloading one of the videos of a default quality and only loading a different quality video if the user selects it. This is the behaviour used by YouTube, Netflix, and others.
There is dedicated tag nowadays:
<video preload="none" ....>

Is there a good wrapper for using Media Player in IE

I need to add media playback ability to a web application. It has to play audio and video, and the player has to be MS Media Player (shouldn't use any plugin non existent on a standard windows machine). I know I can add it directly as an ActiveX to IE, and control it with JavaScript. I wonder if there is some popular and good wrapper that will save me some of the work.
UPADTE: Having a way to easily embed the player on the page is cool. But I would like the interaction with the player to be managed too. Things I would like it to support:
Play
Pause
Stop
Load different media clip
Change volume
resize
Also I would like to be able to replace the default controls (visible in the Windows Media Player) with my own skinned controls.
Hey, this one should help:
http://malsup.com/jquery/media/
Flowplayer is also a good one: http://flowplayer.org/

Categories