Video element is not displaying in IE8?

javascript, jquery, mediaelement.js

Solution

First, a couple of things to try:

- Make sure Flash is installed on IE8. It's the fallback for Mediaelement.js in older browsers.

- Make sure you place all scripts and css inside the `<head>` tag. It will not work from `<body>` in IE6-8.

- Try going to Mediaelement's website or the link below. They should work fine in IE8 with flash installed, and if they're not, then it's probably a local problem with your browser.

I put together a working example in IE8 below.

Example on JSBin.

- IE version 8.0.6001.18702

- jQuery version 1.10.2

- Mediaelement.js version 2.13.2

Relevant code

<head>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script type="text/javascript" src="http://mediaelementjs.com/js/mejs-2.13.2/mediaelement-and-player.min.js"></script>
    <script>
        jQuery(document).ready(function($) {
            var player = new MediaElementPlayer('#player1');
        });
    </script>
</head>
<body>
    <video id="player1" src="http://techslides.com/demos/sample-videos/small.mp4" width="320" height="240"></video>
</body>

Working in IE8

Problem

I want to embed video element in all browsers,but its working fine in all browsers except IE8.Here, i am using mediaelement.js library to implement.

Original source

Related problems