mediaelement / mediaelement Goto Github PK

This is a great plugin and is working well for us in development at the moment. However, one minor issue I've noticed is that the play() and pause() methods don't work against the Flash player. We are encoding just H.264 files and use mediaelement to support HTML5 or Flash for current Firefox and non-HTML5 browsers.

A new development involves a playlist with a click on a video thumbnail in the list to start the video playing in the main player window so .play() will be really useful.

Hi,
First of all thanks for the plugin. It's one of the best html5 player available. I have recently noticed on the current build that if one of the file is not playable, In a group of multiple videos on same page, The player does not get activated on any other videos following the non playable video. I have all the video on the page using a list of

It is happening with the current trunk. I will appreciate your thoughts on it.

Regards
Brajesh

I've run into an issue where the player pauses on an audio file after 2 seconds of play in FireFox 2.5 and Safari 5 on a mac. Chrome is unaffected. This happens generated by http://oldspicevoicemail.com/. For and example see http://dev.innovatingtomorrow.net/files/message.mp3.

I have a feeling there is something wrong with the mp3 file that is causing this. I've seen this problem in the past.

But, is there a way to get around this bug in the file? I know some flash players play the file without an issue (I tested in 1pixelout). Though, I know safari is not using flash so that would not be helpful there.

The transparent overlay 'play' button does not disappear when .play() is used and the flash fallback is going in IE.

Check it out here: http://psu.io-media.com/seasonticketselection/help/

This is in IE8, windows XP.

Given this source:

<audio src="http://a1.phobos.apple.com/us/r1000/023/Music/0b/f7/f8/mzm.dehsezty.aac.p.m4a" type="audio/mp4" controls="controls">
<source src="http://a1.phobos.apple.com/us/r1000/023/Music/0b/f7/f8/mzm.dehsezty.aac.p.m4a" type="audio/mp4">
</audio>

with mediaelementplayer.js I get an error that the type isn't supported (disabled player), without it, I just get the normal browser behavior.

Tried in Safari 5.0.1 and Firefox 3.6.8 on Mac.

It looks like you're just starting on audio support, so I thought I'd throw that test case out.

The mediaelement is not playing in google chrome. It shows javascript contents but when play is pressed, nothing happens. using H264 file with flash fallback

The same code works on Safari and Firefox. Problem was also in 2.0.0 - I haven't tried earlier versions.

Thanks John, we selected your library to use in a large project, looking forward to your updates!

The poster image (http://mediaelementjs.com/media/echo-hereweare.jpg) is missing in the Git repository. It should be in /media, according to the demos markup.

The audio player is failing in IE 7/8. Video works though.

You can see this in action on the mediaelementjs.com website.

In chrome I get the error of:

Uncaught TypeError: Cannot read property 'length' of undefined

The error is in mediaelementplayer.js line 569. The script is looking for t.tracks.length which is undefined.

To reproduce go to the mediaelement homepage with the console open in Chrome.

Click to Start instead. Tested on FireFox 3.6

Please, add 'click' event to fallbacks of

While the stream is still active and downloading data, the "ended" event is firing.

I found that the correct way to determine stream end is to only set a flag in NetStream.Play.Stop event and handle stream end in NetStream.Buffer.Empty event only if
the flag is set.

So here is the problem and the fix: http://stackoverflow.com/questions/2134450/anyone-run-into-this-bug-rtmp-streaming-videos-ending-3-4-secs-too-early

Moreover, I think Stop handler has to also set a timeout to handle the opposite situation: Buffer.Empty has fired before Stop and won't fire once again after Stop. What do you think of this?

I have 3 different sources in my video element (mp4, ogg, webm). How do I change all 3 of them with JS? src setter only allows 1 parameter.

after audio player is finished playing audio/wav files the large center aligned video play/pause button is displayed

Having issues with http://stage.waterthirsttoday.com/home showing an X.

I use the player for FLVs that are larger than the

You’ve done a nice job revamping the home page but I miss the table of all supported MediaElement properties/methods that used to be on the former version. I think this table was important to emphasize on the killer feature of your library (imho) and to mention the trick with property setters… Plus, I kinda need it to finish the documentation on my SMIL/Timesheets project page. -_-'

Did you completely remove this section or did you move it to another page? Worst case, is the old home page available somewhere? I haven’t had any luck with web.archive.org…

Thanks, and keep up the good work!

Buggy line:
posterUrl = (mediaElement.getAttribute('poster') == null) ? mediaElement.getAttribute('poster') : '',
must be != null

How do you feel about implementing pseudostreaming for MP4/H264?

Hello,
i am testing under chrome 6.0 and i found out the html5 audio player does not support steaming. Is it possible to force use flash audio player?

I'm getting this error in both my example (http://jivesamba.com/3.htm) and yours (http://mediaelementjs.com/) in IE6 and IE7.

Tested on : Mac - FF

At the end of the playback the pause button does not turn back to a play button as it does on Chrome
Note that the timeupdate is sent forever.

(I recreated this issue cause I closed it, but didn't mean to...)

Hello,

Using the latest wordpress plugin. I have the autoplay="true" attribute in an audio link but the file(s) is not automatically playing. This previously worked but hasn't since the 1.1.5 upgrade.

'src' property is present in the docs but missing from MediaElement JS-object (Flash fallback - tested, Silverlight - discovered in the code). 'setSrc' method exists and works as expected.

In sendEvent JSON (both audio and video mediaelements in _.as files; the code shows that the same refers to Silverlight) - _missing*:
",src:" + _currentUrl +

In me-mediaelements.js, mejs.PluginMediaElement.prototype, section // HTML5 get/set properties, but only set (updated by event handlers) - missing:
, src: ''

in mediaelementplayer.css

.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50,50,50,50.8);
}

Should be 0.8 ?

thanks!

Hi John,

I would like to remove the duration controls in the Wordpress player. In just looking around in mediaelementplayer.js I removed...

    var time = controls.find('.mep-time');
    var currentTime = controls.find('.mep-currenttime').html('00:00');
    var duration = controls.find('.mep-duration').html('00:00');

...which certainly had the intended result but also borked the layout of the player. On a side note is there an option for repeat?

Tested on : Mac - FF

At the end of the playback the pause button does not turn back to a play button as it does on Chrome

This project is really awesome, exactly what I've been looking for.

Just wondering is it possible to interact with the player to say jump to a specific time in a file as well as get the current playhead location?

Thanks again for the great work.

The source code mentions that the license is MIT/GPLv2 dual-licensed. That should really be more prominent, both on the README file (or better yet a LICENSE.txt) and on the web site: http://mediaelementjs.com/

I'm really excited to see this project emerge, but wide-spread adoption will need the licensing to be clearly stated up front.

Hi
(sorry, this isn´t a bug, but I could not find another place to ask.)

I have a small video (160x300px) which should be played inside the side´s div for low bandwidth users.
High bandwidth users shuld get the option to switch to fullscreen, where a large 720p hd file is used.

How can I achieve this?
Maybe there is a workaround to hide the fullscreen button and add a link 'go fullscren' below the player which starts another instance using the hd file?

Greetings
Al

In android phones (tested on Android 2.2) if you click play on an audio field it starts to play but the button goes back to a play button instead of a pause button. If you click play again it switches to a pause button but you hear the audio playing twice.

When finding a

The w3c spec says:

volumechange

Event

Either the volume attribute or the muted attribute has changed. Fired **after** the relevant attribute's setter has returned.

but the Silverlight version of the player seems to send volumechange event before the new value is actually set:
// src/silverlight/MainPage.xaml.cs:318
public void setVolume(Double volume) {
...
SendEvent("volumechange");
media.Volume = volume;
and
// src/silverlight/MainPage.xaml.cs:327
public void setMuted(bool isMuted) {
...
SendEvent("volumechange");
media.IsMuted = isMuted;

See http://www.calypso88.com/?p=25 why this is necessary

This is exactly what my flash video component does which is at:
http://github.com/christiaan/jquery-ui-videodisplay/tree/master/flash/

Also see how I pass the javascript callback name to flash and call that instead of having it hardcoded in Flash.

Opera 10.0
Screen: http://ipicture.ru/uploads/100801/ilCRoWf4Gf.png

the fla should implement stopMedia function defined in mediaelements.js

My audio will play natively, but won't play in the code, it's strange because video will.

<script type="text/javascript" src="../build/mediaelement-and-player.min.js"></script> 
<link rel="stylesheet" href="../build/mediaelementplayer.min.css">

that's how I have the scripts in there, among other scripts..

The Forever Demo Originally by Chris Brown Your browser leaves much to be desired. <script> $('audio,video').mediaelementplayer({enablePluginDebug: true}); </script>

That's how I have it in my body.

http://klossal.com/projects/music/demo/

this is the actual page that it's on to see it in full.

soooo that's my

setCurrentTime seems to through "Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1" on chrome - Mac (click on the timeline to reproduce it)
Issue tested on http://mediaelementjs.com/

Is it a Chrome issue?

referenced in builder.py

Hi,

MediaElement.js is working well on a vast majority of platform, but there is still old configs out there, or peoples who do not install flash. It would be great to lead those peoples to solutions, like saying "You need to install the flash plugin" or "your config is too old, this player can't do anything about that, but you still can download the media file here".
Just "Error" is not explicit enough in most cases.

Here is a list of error scenarios I can think of :

• no flash installed
• too old flash version
• javascript not enable
• too old or slow browser (IE6 and previous at least...)

Thanks,
yagraph

the time always stopped on 1 sec before the last second.

audioPlayer.currentTime
251.31052154195012
audioPlayer.duration
251.5
it then stopped and does now fire the ended event

The problem and the fix: http://curtismorley.com/2008/11/01/actionscript-security-error-2060-security-sandbox-violation/

Even when attempting to play audio from the demos it will not work. Attached is a link to a photo of the result:

http://cl.ly/12192j3n1v1W1X3A2n2X

Please let me know if any additional information would be helpful.

I've run into a problem when using an Amazon S3 query authentication string appended to my video source URL. In short, the video doesn't play. Is it possible that the authentication string is throwing off the plugins ability to parse the file type?

Here's an example of the code I'm having problems with:

Silverlight 4.0 is not supported on Linux.

Are you using any 4.0 specific features?
I've written a simple video element in Silverlight 1.0 that works in Firefox on Ubuntu.
See http://github.com/christiaan/jquery-ui-videodisplay

you have this big ua object parsing up the useragent.
is that neccessary? from a quick glance i don't see a reason to use it.

(the ie sniff will break in ie9 btw)

I've tested your website with Opera 10.60 on OSX but it doesn't work.
Apart from the background (not showed, so the white text is on white bg) the video tag still remains and is not played (of course, is H264) but there is no flash replacement.

Flash and Silverlight plugins avaible (both last version).
Opera 10.60, build 8402, Mac OS X 10.6.4

Hi, and thanks for your work !

We start using MediaElement.js on a Wordpress podcast website with success (http://podcast.grenet.fr/), and I only encounter a small problem with
aspect ratio (16:9 vs. 4:3) if the Flash fallback is used, and cannot solve it on my side.
See for example this video (you may have to wait to see it) with Firefox :
http://podcast.grenet.fr/non-classe/ceremonie-de-signature-de-la-convention-enepsvinci/
a video with a 16:9 aspect ratio is stretched to 4:3.
I can't assure consistency because my videos come from multiples sources, so I am looking for a way to obtain black borders instead of stretching...
but I can't figure out how !

Thanks,
yagraph

At first I thought it was my config, but I've noticed the example on the project homepage also do not play in FF or Safari on the mac. I don't think I have silverlight installed, but it should fall back to Flash, right?