jquery.mb.mediaEmbedder
The easiest way to share your favorite media content on your site!
Do you want to show a movie from youtube, vimeo, flickr, livestream, ustream?
Or you want to have your audiopodcast (mp3 file) on your web page?
Nothing easier with mb.mediaEmbedder!
Just copy the URL and paste it on your page specifiyng the origin: [ youtube=video URL ]
v. 1.0
Great works! Just what need.
Matteo,
the embedder is fabulous however i’m needing to use it to play locally stored standard .flv and .swf files instead of youtube .. Is this simple enough to do?(having tried the obvious already and failed)
Mark
How would I pass the video url through a html form? Then load the javascript on another html page.
Thanks
Christian
Hi Cristian,
static html pages can’t get parameters from a form; you need to have an application server and use .jsp, .php or any other dynamic page to do that.
However you can add your param to the link of the reciver page as querystring and on the reciver page you can parse the url via javascript to retrive your data.
f.ex.:
your could be:
http://www.yourVideoURL.html?http://www.youtube.com/...on the video page there should be something like:
var videoUrl= self.location.href.split("?")[1];now you can append an A element with all the needed attribute and fire the mb.YTPlayer function.
Hope this can help you,
Bye,
Matteo
is there any autoplay option for the audio player? if so, whats the code?
thanks
Hi Andreas,
there’s no API for the players. I’m working on a audio player that expose an API to controll it; there’s no documentation yet, but you can take a look at the code to findout all the methods available to controll it. If you whant to test it here is the gitHub url: http://github.com/pupunzi/jquery.mb.miniAudioPlayer; you can download and test it.
Bye,
Matteo
excuse me, for my bad english. It is possible to activate autoplay; do you must modify jquery.mb.mediaEmbedder.js.
the section about audio embedded:
var embedstring= ” +
”+
‘<param name="flashvars" value="autostart=yes&soundFile=’+params+’”>’+
” +
” +
‘<embed src="'+$.mb_audioEmbedder.playerPath+'" type="application/x-shockwave-flash" ' +
'wmode="transparent" allowscriptaccess="always" autostart="true" ' +
'width="'+width+'" height="24"' +
'flashvars="autostart=yes&soundFile=’+params+’”>’ +
” +
”;
WOW! that is s great news. I was doing the hard way. Now this, belissimo! Thank you very much for this.
Hello!
Congratulations! They are great components!
I just in the begining learning jQuery but I try to extend your ‘mediaEmbedder’. I successful to add PDF content.
Do you want to include it? E-mail me and I send you the piece-of-code. It’s easy to include it.
________________________________________
Thomas Alva Edison:
Those who say it is impossible should not
interrupt we are trying
________________________________________
__________________________ Daad ________
________________________________________
Thank you for your wonderful work.
I want to show my Vimeo videos on my website.
On my website, I want to have the player on left side with thumbnails on the right side.
On clicking the thumbs that video plays.
Kindly tell me if this is possible.
Thanks again
Hi, I really like the look of your audio player so I have been trying to get it working for a page I am building. I am using the code exactly as you have above (and in the demo). I can get the video to play, but not the audio, and that is the one I need. It keeps telling me that the audio file is not found, even though I have used your example url here, and other urls that I know have mp3 files there. The swf player keeps looking for authorisation as well, which I confirm each time in the the Adobe settings pane. I might be missing something really obvious, but I would really love to get this working :/
Thanks
Hi Katie,
You should try using it not locally but on a web server, giving the absolute path to te audio file URL.
If you need I’m working to a new audio player that uses the new HTML5 properties with a fallback to Flash for the browsers that does’t support this yet:
https://github.com/pupunzi/jquery.mb.miniAudioPlayer/zipball/0.8
Here it is in use: http://devineu.eu/home.page
It is still in beta, so if you find bug let me know.
Give it a try.
Bye,
Matteo
Is there a way to load the mb.mediaembedder in a mb.container ???… Am able to load the YTPplayer with no problem. But everytime I try to load the mediaembedder I get nothing?.
Here is what am doing
am loading all my jquery scripts on the parent page which is the one the loads the mbcontainer. and then on the child page where is the player I only have the required java scripts , css and div to load the control. The mbContainer loads no problem, but there is no player rendered inside the container
I realized with Dynamic Script Page (Dynamic Page / Replacing Content) a website. It will work all great. A small problem I have, however.
On the Front Page I jquery.mb.mediaEmbedder with an embedded Youtube video’ve entered. If I now switch between the various switches and MenuLink come back on the front page is the video could not be found or is no longer loaded.
Do you have me as a solution?
Best regards from Switzerland
Sash
Thanks for the great media embedder! I’ve just started using it on my site to stream song demos and I hope to do some nice things with it. Thanks again for all your work on it!
Hello friends,
Like to know if you can to program an event “OnFinish” when finished playing an audio file in mb_embedAudio. It would be great to have various types of triggers that would be called from the flash file.
I’m having some issues trying to incorporate this plugin in Jquery Mobile FrameWork.
Can you give me some help, or there is no support for JQ Mobile?
Hi Kumori,
As you maybe know iOs devices don’t allow the use of Flash@; this is why you are having problems.
Actually there’s no whay to use this plugin on Apple mobile devices.
If you need a videoPlayer there’s the HTML5 VIDEO tag you can use. Or fro Youtube movies you could use their new API that includes an IFRAME to let videos work as HTML5 one.
If you need an audio Player you can use my jQuery.mb.miniAudioPlayer plugin that make uses of HTML5 for audio with a fallback on Flash for those browsers that don’t support HTML5.
Bye,
Matteo
まじ最高でした！！プラグイン！！あとんす！！
it seems cool but doesn’t support different video (instead of all videos in one div), which is bad for a content website
so we can’t have a good design if multiple videos in one page?
it also miss some more documentation, for example to change parameters
too bad I liked it
Hi David,
).
You don’t need to have all videos in one DIV element; if you apply the initialize function to the BODY tag (
$("body").mb_embedMovies(); $("body").mb_embedAudio();), wherever it finds the bracket code it will render videos and audios.The only parameter you can pass is the width of the players and you can do this in that way:
$.mb_videoEmbedder.defaults.width=500; //the with of players --> the height is automatically calculated(as described in the documentation
Hope this can help you,
Matteo