我正在使用附加的mediaelement.js库创建一个html5视频标记youtube视频播放器。请注意,这不是库的最新版本,因为客户希望仅基于此版本来实现。
问题是进度条和持续时间等控件不会进入IE,但是它们在Google Chrome上正确显示。在渲染后检查DOM我发现层下的内容没有在IE中创建。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="jquery.js"></script>
<script src="mediaelement_and_player.js"></script>
<link href="mediaelementplayer.css" rel="stylesheet"/>
</head>
<body>
<script>
$(document).ready(function () {
$('#youtube_video').mediaelementplayer();
});
</script>
<video id="youtube_video" width="400" height="300" controls="controls" preload="none">
<source src="https://www.youtube.com/watch?v=HNf7KbqPGSM" type="video/youtube">
</video>
</body>
</html>