mediaelement.js

In the MediaElement.js I am trying to make a "multi" video player. More or less I am going to have thumbnails change out the source of the video based on what one the user clicks on. I have successfully done it for the HTML5 source using <img src="http://mydomain.com/mysouceimage.jpg" style="width:100px; height:75px;" onclick="document.getElementsByTagName('video')[0].src = '/media/build/BTBW.m4v';" /> <img src="http://mydomain.com/mysouceimage-2.jpg" style="width:100px; height:75px;" onclick="document.getElementsByTagName('video')[0].src = '/media/build/myVideo-2.m4v';" /> BUT this only works

I have such code (for example): <script> $('audio').mediaelementplayer(); </script> <audio id="mejs" controls="controls"> <source src="/media/file-2.mp3" type="audio/mp3" /> </audio> <ul class="mejs-list"> <li>/media/file-1.mp3</li> <li class="current">/media/file-2.mp3</li> <li>/media/file-3.mp3</li> </ul> I need to play audio files from the list by queue (one after another). How can I change the source of the audio for the next file from the list after finishing playing current file and start playing the next one? Update : related topic about mediaelement.js and playlist but the answer is

First of all, in case John Dyer is reading this, thanks a lot for your player, it's fantastic! :-) And now, to my problem. I'm trying to provide an MP4 video using HTML5 (iPad, iPhone, Android, Chrome Desktop) with fallback to Flash (Firefox, IE, Opera). MediaElementJS does this OK out-of-the-box, except for the HTML5 solution allows randomly jumping into the video using HTTP while the Flash fallback makes the browser to download the entire file before playing back. Because of that, I want to use rtmp instead http when Flash fallback is used (besides a conventional webserver, we have a Flash

i am using mediaelementjs for playing video on my website but i need to call some function at the END/pause of video.So please tell me how an i do this? Thanks in advance You need to create a new EventListener for the ended and pause events. Example: YourMediaElement.addEventListener('ended', function(){ //Your Code goes here }); Update: This method should be applied on the success handler of creating the element, as is shown in the example on the bottom of the page at MediaElementJS.com success: function (YourMediaElement, domObject) { // add event listener YourMediaElement.addEventListener(

We're having problems with Chrome crashing, and it seems to be related to the html5 video player, is there any way to force MediaElement.js to use the flash player even if html5 is supported? I can do a browser test in jQuery if I can figure out what setting to pass to mediaelement. I've seen a few tantalizing suggestions in blogs and forums that this can be done, but I'm not seeing a specific option in the documentation. Any help would be very much appreciated! Here you go: new MediaElementPlayer('video',{mode:'shim'}); russ24 I used the mode:shim on a site that was giving inexplicable

I would like to get the Flash fallback for mediaelement.js to work, but it only shows a black area saying "download file" in the upper left. The video markup I generate looks very much like this. I just modified some paths for privacy reasons: <video width="1024" height="576" preload="none" style="display: none; "> <object width="1024" height="576" type="application/x-shockwave-flash" data="flashmediaelement.swf"> <param name="movie" value="/wp-content/themes/my_theme/js/vendor/mediaelement/flashmediaelement.swf"> <param name="flashvars" value="controls=true&file=http://mybucket.s3.amazonaws

I want that when web site page loaded play video automatically. I referenced to jquery.js, mediaelementplayer.js and mediaelementplayar.min.css on my page and added video tag. I tried so many ways, e.g. autoplay = true and use javascript code but I couldn't get it to work. I'm using BlogEngine.Net 2.0. How can I do that? This is a bug in MediaElementJS, autoplay works for native and silverlight, but needs a little help with Flash. You can listen for canPlay event and start playing as soon as the flash player is ready. setTimeout tricks may fail in race conditions. $('#playerid')

I just downloaded mediaelement.js from http://mediaelementjs.com . Looks really good. Though in the demo files, the videos won't play in IE 8. The player is showing a black screen, but I can hear the audio. I have also tried installing on a server only to get the same problem. Can anyone enlighten me, any help would be much appreciated. 10 mins later... Cured, fixed, all good. See the answer below. The problem was position:absolute on the css .me-plugin amazing I really hope this helps others. It was a total fluke that I tried it. gregmatys If anyone has troubles with flash fallback in ie8,