javascript - MediaElement.js and FireFox -
i have simple code:
html
<head> <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-1.3.0.min.js"></script> <script src="build/mediaelement-and-player.js"></script> <link href="build/mediaelementplayer.css" rel="stylesheet"> <script src="main.js"></script> </head> <body> <video id="video-player" preload="preload" autoplay="autoplay"> <source type="video/youtube" src="https://www.youtube.com/watch?v=q7o7r5bgwdy" /> </video> </body>
js
$(function() { $('video').mediaelementplayer(); });
i have uploaded on server files http://mediaelementjs.com/ in build directory. mediaelement files inside build directory, while index , js file in root.
in chrome runs without problems, same goes in explorer/edge. firefox won't run it. player controlls loads video doesn't play , pressing play button nothing either. adobe flash enabled in firefox aswell while trying this.
made same example in jsfiddle http://jsfiddle.net/ze26g/27/ here video in jsfiddle instead runs in firefox, not in chrome/ie..
firebug giving these warnings in both examples:
"specified "type" attribute of "video/youtube" not supported. load of media resource https://www.youtube.com/watch?v=q7o7r5bgwdy failed."
"all candidate resources failed load. media load paused."
while console in chrome doesn't give errors.
this odd me. have clue on whats going on here?
this reported here: https://github.com/johndyer/mediaelement/issues/1684
i got similar issue , fixed updating library latest version.
Comments
Post a Comment