我在我的网站上使用最新的mediaelement.js播放html5视频.Google Chrome中有一些奇怪的东西.他播放一个视频,但不想播放mp4格式的其他视频,也不想回到webm.两个视频都使用ffmpeg转换为这个参数:
ffmpeg -i input.mov -acodec libfaac -ab 96k -vcodec libx264 -vpre slower -vpre main -level 21 -refs 2 -b 345k -bt 345k -threads 0 -s 640x360 output.mp4
此外,第一个视频正常播放,不使用mp4格式的mediaelement.js库,第二个视频转为webm格式.
样本页面来自http://random.net.ua/video_test/:
http://random.net.ua/video_test/video1.html (好)http://random.net.ua/video_test/video2.html (好)http://random.net.ua/video_test/video1-mediaelement.html (好)http://random.net.ua/video_test/video2-mediaelement.html (失败)我在我的网站上使用了mediaelement.js,我用的例子是带有H.264编解码器的.mp4文件,适用于所有浏览器,但是当我发布网站时,在我的本地主机上不适用于任何版本的Internet Explorer没有任何问题(闪回后备效果很好),但在我的服务器上不起作用.
我使用的代码是:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>VIDEO HTML5</title>
<script type="text/javascript" src="player_files/jquery.js"></script>
<script type="text/javascript" src="player_files/mediaelement-and-player.min.js"></script>
<link href="player_files/mediaelementplayer.min.css" rel="Stylesheet" />
</head>
<body>
<video id="video1" src="http://www.teletica.com/html5/videos/precious.mp4" width="640" height="360" poster="http://www.teletica.com/html5/videos/precious.jpg" controls="controls" preload="none"></video>
<video width="640" height="360" id="video2" poster="videos/precious.jpg" controls="controls" preload="none">
<source type="video/mp4" src="http://teletica.com/html5/videos/precious.mp4" />
<source type="video/webm" src="http://teletica.com/html5/videos/precious.webm" />
<object width="640" height="360" type="application/x-shockwave-flash" data="player_files/flashmediaelement.swf">
<param name="movie" value="player_files/flashmediaelement.swf" />
<param name="flashvars" value="controls=true&file=http://teletica.com/html5/videos/precious.mp4" />
<img src="player_files/precious.jpg" width="640" height="360" alt="Here we are" title="No video playback capabilities" />
</object>
</video>
<script type="text/javascript">
$('video, audio').mediaelementplayer(); …怎么mode:shim办？
我在这个网站上搜索了一个强制闪存的方法.代码开发人员将这个问题的答案写给了我遇到的确切问题:
MediaElement.js - 强制Chrome使用Flash播放器？
我的观察是现代浏览器加载一个html5组件,然后切换到闪存,但它的实际行为非常混乱.