Geek asks and answers

Mediaelement.js - Getting NaN with IE 11

On the media player elementjs audio player, I get NaNon the progress bar and the duration indicator, but only when viewed in IE 11 in Firefox 26 everything is fine. This, apparently, means that this is not a server problem, and the other reports that I have seen say that it is.

Does anyone have any ideas, and if this is probably a server problem, what do I need to see (Apache server)?

The following code from @BiscuitBaker will reproduce this problem:

$('document').ready(function() {
   $('video,audio').mediaelementplayer({
   audioWidth: 440,
   audioHeight: 30,
   // The file contains an audio watermark, so I've set the volume to 0 as I don't want this to be seen as self promotion.
   startVolume: 0 
  });
});
.container {
    margin-top: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- Standard mediaelement.js files, unmodified -->
<link rel='stylesheet' href='http://beta.musicvine.net/wp-content/themes/theMusicVine/library/js/mediaelement/mediaelementplayer.css' type='text/css' media='all' />
<script src="http://beta.musicvine.net/wp-includes/js/mediaelement/mediaelement-and-player.min.js"></script>

<div class="container">
    <audio controls src="http://beta.musicvine.net/wp-content/uploads/edd/2015/02/joyful-moments-adi-goldstein-preview.mp3"></audio>
</div>
Run codeHide result
+3
source share
1 answer

Internet Explorer, , Content-Length, duration audio Infinity. , .

document.querySelector('audio').duration

.

headers no content-length

, URL- , Content-Length, , , .

https://archive.org/download/TESTTEST_174/asdfasdfasdfdfdszadfdsa.mp3

archive.org.

headers with content-length

, , , Content-Length.

, , -, . , - Content-Length. , Apache , , mod_headers, .

+2

More articles:


All Articles