85650

Flash Fallback Not Working with IE7 on Windows XP SP2

I've been testing a site using MediaElement.JS and have been very impressed thus far. I have tested the Flash fallback support on FF and Safari on Mac. I've also tested it on Windows 7 with IE9 and Google Chrome. Everything works and if the codec cannot load it uses the mp4 version of the video I have with the Flash player.

However, upon testing it in IE7, the Flash player does not load. I do not even see any controls for the video and with right-clicking on the element I do not get the standard Flash settings menu. It does however have a black box where the element should appear (and it's not my styling).

Here is my video element block with Flash fallback support:

<video id="video-tag" width="640" height="360" poster="war-torn.png" controls="controls" preload="none"> <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 --> <source id="source-mp4" type="video/mp4" src="war-torn.mp4" /> <!-- WebM/VP8 for Firefox4, Opera, and Chrome --> <!-- Flash fallback for non-HTML5 browsers without JavaScript --> <object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf"> <param name="movie" value="flashmediaelement.swf" /> <param name="flashvars" value="controls=true&poster=war-torn.png&file=war-torn.mp4" /> <!-- Image as a last resort --> <img src="war-torn.png" width="320" height="240" title="No video playback capabilities" /> </object> </video>

I am implementing MediaElement.JS further down in my page like so:

<script src="../build/mediaelement-and-player.min.js"></script> <script> $("#video-tag").mediaelementplayer({ features: ['playpause','progress','current','volume'] }); </script>

I am not sure what is going on since if I remove the tag for WebM and FF uses the Flash fallback it works perfectly. If anyone has any insight, it would be much appreciated. Thank you!

I receive this error message as well:

'0.url' is null or not an object

mediaelement-and-player.min.js

Code: 0

URI: url to js file

Line: 41

Char: 4

It does not work in IE7 compatibility mode either.

Answer1:

I was able to resolve the issue by doing two things. First, I moved the mediaelement-and-player.min.js script tag up to the head and, next, I moved the .mediaelementplayer() call after the html for the video tag.

This appears to have resolved the problem. Weird.

Recommend

  • Interlocked functions and atomicity: still confused [closed]
  • Webm support in mediaelement.js with fancybox
  • Kotlin array initialization throws null pointer exception
  • unable to send data using urllib and urllib2 (python)
  • Shortcut that points to folder named the current date. YYYY_MM_DD Format
  • Mediaelements.js: override features attributes
  • Viewstate - utter confusion.
  • Three.JS Shadow to object
  • Pulling through text into div
  • How to set a URL scheme/link for a react-native app
  • bxslider stopping video element autoplay
  • What is an Artifact?
  • How to modify search result page given by Solr?
  • Fancy dynamic list in Android: TableLayout vs ListView
  • How to identify incomplete rectangles in openCV
  • ProgressBar Paint Method?
  • Android: how to determine cold start
  • Can a variable be stored within an image or div tag?
  • is it possible to insert a line break in this tooltip?
  • AlertDialog style when using setView()
  • “mvn clean generate-source” could not resolve dependencies
  • HTML5 video only works in IE. The other browsers shows the black screen
  • How to programatically 'login' a user based on 'remember me' cookie when using j
  • blade.php method outputting it's result to the form
  • Floated image with variable width and heading with background image
  • AndEngine Applying Transparancy to AndEngine View
  • D3 get axis values on zoom event
  • Keep this build forever option - Jenkins
  • How to have background script and something similar to a default popup?
  • OpenGL 3.3 on Mac OSX El Capitan with LWJGL
  • Python urlparse: small issue
  • CSS Linear-gradient formatting issue accross different browsers
  • JFileChooser in front of fullscreen Swing application
  • How to set/get protobuf's extension field in Go?
  • How to show dropdown in excel using jrxml (jasper api)?
  • GridView Sorting works once only
  • Windows forms listbox.selecteditem displaying “System.Data.DataRowView” instead of actual value
  • NSLayoutConstraint that would pin a view to the bottom edge of a superview
  • How get height of the a view with gone visibility and height defined as wrap_content in xml?
  • python draw pie shapes with colour filled