mediaelement.js

问题 I'd like to add the Silverlight player to the list of players in the multi-codec support HTML since I'd like to serve up WMV files in addition to the other supported codecs, but I don't see much documentation on the website for enabling the Silverlight version other than launching it via JavaScript. I'm at a bit of a loss, since I've tried a few variations of what I've posted below and haven't had any success. I've looked through the mediaelement-and-player.js source, but nothing jumps out at

问题 I have a video player on my site that once paused I would like to prevent rest of the video being downloaded. I am using MediaElement.js for html5 video with flash fallback. It is annoying that I am unable to stop the video from downloading as it is a waste of bandwidth and the "progress" event continues to fire and update the UI. 回答1: Unfortunately, there is no way to tell browsers to stop downloading a video file and then resume it later at the same point. It'd be nice it that were in the

问题 I have a design for a page that uses 3 types of audio and video: a few videos. a audio sound that triggers onclick. a audio loop that plays in the background, which the option to turn off. MeidaElement.js looks just perfect for the videos, to get them all playing cross browser with the minimum of fuss. It also seems to play audio well also. I'm just not sure if I can trigger a bit audio from a jQuery - i.e. just clicking on any old div. And if so, can I preload the audio so the sound happens

问题 do you have a reference or tutorial on customizing skins graphics/css for mejs? here's what i've hacked on: i copied the mejs-ted block in the mejs-skins.css file and renamed its elements to mejs-custom . i created a new PNG file similar to the existing control-ted.png and noted the coordinates of each control. with those coordinates i changed the x/y offsets in mejs-custom (i could really use help with that, too). but now how to activate this skin? and can you confirm the technique above is

问题 Can mediaelement player play a segmented mpegts hls stream defined in an m3u8 playlist and if so could you show the code to do this. In my case there is a test.m3u8 playlist on a webserver: #EXTM3U #EXT-X-TARGETDURATION:10 #EXT-X-MEDIA-SEQUENCE:7291 #EXTINF:12, test-7291.ts #EXTINF:12, test-7292.ts #EXTINF:12, test-7293.ts #EXTINF:12, test-7294.ts #EXTINF:12, test-7295.ts #EXTINF:12, test-7296.ts #EXTINF:12, test-7297.ts #EXTINF:12, test-7298.ts #EXTINF:12, test-7299.ts #EXTINF:12, test-7300

问题 Is there a way to preload the duration before pressing play the first time on an audio player. I know you can use { duration: 120 } which is fine if every clip is 120 seconds long. I do not have the information available in the database to dynamically populate this variable so there must be another way to tweak the MediaElement.JS script to do it. Any thoughts anyone? 回答1: I don't think mediaelement.js has a way of getting the duration before all or part of the file has been downloaded. You

问题 Does anyone know of a way to scale the video within the MEJS player so that the player itself will handle any letterboxing or columnboxing? Similar to how JWPlayer has the 'fit' and 'fill' options. Essentially I've got a player that lives within a wrapper and I resize the wrapper according to the users screen resolution. Like so: <div id="video_dims_wrapper" style="width: 1280px; height: 720px;"> <video id="video_player" width="1280" height="720" controls="controls" preload="none" autoplay=

问题 How can I set up mediaelement.js to scale videos down for small screen sizes, but not to scale them up above their actual size? (Other than wrapping it in a correctly sized div, which is what I will fall back to if I can't find a better solution.) I've tried setting style="max-width: 100%; and this works in Firefox using videos on my own server, but in Chrome, and in both Firefox and Chrome when linking to YouTube videos, the videos will scale up to fill the container regardless of the width=

问题 I wrapped a youtube video into video tag via MediaElement.js: <video id="v" width="640" height="360"> <source src="http://www.youtube.com/watch?v=nOEw9iiopwI" type="video/youtube" > </video> It can be played correctly. I want to detect the play event (assume jQuery loaded): $("#v").on('play', function() { console.log('play event entered'); // do something more here }); }); It seems the event can't be detected correctly. Is it because of the cross-origin issue? If so, theoretically I can build

问题 Can you please give me an idea or sample that I can prevent seek forward to the seeking bar but will allow to seek backwards? This is what I found but it keeps on a loop: media.addEventListener('seeked', function(e) { // player.setCurrentTime(0); // player.play(); }, true); 回答1: What i did was this: Inside the uncompressed version of mediaelement library find a row: media.setCurrentTime(newTime); Add above the previous line: if ( newTime <= media.currentTime ) Eventually you have: if (