Question

我目前在使用Media Element.js播放器播放视频时遇到各种问题。我花了很多时间试图让它工作（搜索stackoverflow寻找答案）。首先，我在页面http://www.tomspianomusic.com/video.html（下页）上遇到此问题：

我无法在Firefox和IE中播放我的视频。 Chrome和Safari（IOS）还可以。

首先，我将正确的MIME类型添加到服务器的.htaccess文件中（步骤1），它不是RTF，而是通过主页上的控制面板生成的：

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

其次，我将视频编码为正确的格式（mp4 / webm / ogv）。页面上的标记是这样的（由于chrome中的播放问题，请注意mp4以上的webm）：

<video width="320" height="240" poster="images/HAPPINESS_poster.jpg" controls preload="none">
    <source type="video/webm" src="video/Happiness.webm" />
    <source type="video/mp4" src="video/Happiness.mp4" />
    <source type="video/ogg" src="video/Happiness.ogv" />
    <object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
        <param name="movie" value="flashmediaelement.swf" /> 
        <param name="flashvars" value="controls=true&amp;poster=myvideo.jpg&amp;file=video/Happiness.mp4" />        
        <img src="images/HAPPINESS_poster.jpg" width="320" height="240" title="No video playback capabilities" />
    </object>
</video>

在Firefox中，视频无法加载但我可以通过网站上的直接链接播放视频。我在圈子里跑，疯了！有人可以帮忙吗？它仍然是我认为的MIME问题，但我想我已经做了所有被问到的事情！

其次，当在大型桌面屏幕（21英寸以上）上观看视频时，视频将无法扩展到全屏。它将填满约60％的屏幕。任何想法都可能出现问题？（注意我不是javascript的高手）。

感谢您的时间。

Media Element js firefox和IE以及全屏问题

0 个答案: