Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 10th, 2012  |  syntax: None  |  size: 2.31 KB  |  hits: 41  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. MediaElement.js dynamic content not working in IE9
  2. $(function() {
  3.             var details = {
  4.                     width: 640,
  5.                     height: 480,
  6.                     src: 'work/television/1'
  7.                 },
  8.                 $body = $('body'),
  9.                 $vid = $('<video width="' + details.width + '" height="' + details.height + '" preload="none" id="vidPlayer1"></video>'),
  10.                 $mp4 = $('<source src="' + details.src + '.mp4" type="video/mp4" title="mp4">'),
  11.                 $webm = $('<source src="' + details.src + '.webm" type="video/webm" title="webm">'),
  12.                 $ogg = $('<source src="' + details.src + '.ogv" type="video/ogg" title="ogg">'),
  13.                 $flash = $('<object width="' + details.width + '" height="' + details.height + '" type="application/x-shockwave-flash" data="swf/flashmediaelement.swf"><param name="movie" value="swf/flashmediaelement.swf"><param name="flashvars" value="controls=true&file=' + details.src + '.mp4"></object>'),
  14.                 $error = $('<p>The available video formats are not supported by your browser. :(</p>'),
  15.                 $controls = $('<div class="videoControls playBtn"></div>');
  16.  
  17.             $body.append($controls);
  18.  
  19.             $vid.append($mp4);
  20.             $vid.append($webm);
  21.             $vid.append($ogg);
  22.             $vid.append($flash);
  23.             $vid.insertAfter($controls);
  24.  
  25.             var vidPlayer = new MediaElementPlayer('#vidPlayer1', {
  26.                 features: [],
  27.                 // mode: 'shim',
  28.                 pluginPath: 'swf/',
  29.                 success: function(mediaElement) {
  30.                     console.log('success', mediaElement);
  31.                 },
  32.                 error: function() {
  33.                     console.log('Error loading player.  Please try again.');
  34.                 }
  35.             });
  36.  
  37.             $body.on('click', function(evt) {
  38.                 vidPlayer.play();
  39.             });
  40.         });
  41.        
  42. $vid = $('<video width="' + details.width + '" height="' + details.height + '" preload="none" id="vidPlayer-' + row + '-' + slide + '"><source src="' + details.src + '.mp4" type="video/mp4" title="mp4"><source src="' + details.src + '.webm" type="video/webm" title="webm"><source src="' + details.src + '.ogv" type="video/ogg" title="ogg"><p>The available video formats are not supported by your browser. :(</p></video>')
create a new version of this paste RAW Paste Data