Question

我进行了搜索，但无法找到有助于解决问题的答案。如果有一件我忽略了，请原谅。

我确实有follogin问题：我为WordPress安装了js.mediaplayer，并且iPad上的Firefox和Safari上的视频播放正常。

但是，如果我尝试在Safari中播放视频，它会加载并加载和加载，但视频无法播放。

我使用的主题是“Karma”，以防这是有用的，视频包含在视频帧中。

这是使用的短代码：

[video src="http://mydomain.de/img/myvideo.mp4" type="video/mp4" mp4="http://mydomain.de/img/myvideo.mp4" preload="true" autoplay="false" + width="572" + height="311" controlbar="bottom"]

在源代码中，它看起来像这样：

<div class="video-wrap video_right"><div class="video-main">
    <div class="video-frame">
    <video id="wp_mep_1" controls="controls" type="video/mp4" src="http://mydomain.de
 /img/myvideo.mp4" width="572" height="311" preload="true" autoplay="false" class="mejs-player"   

data-mejsoptions='{"features":
 ["playpause","current","progress","duration","volume","tracks","fullscreen"]}'>

        <source src="http://mydomain.de/img/myvideo.mp4" type="video/mp4" />
        <object width="572" height="311" type="application/x-shockwave-flash" 
 data="http://mydomain.de/wp-content/plugins/media-element-html5-video-and-audio-player  
/mediaelement
 /flashmediaelement.swf">
            <param name="movie" value="http://wp.vorsorgeconcept.de/wp-content/plugins
 /media-element-html5-video-and-audio-player/mediaelement/flashmediaelement.swf" />
            <param name="flashvars" value="controls=true&amp;file=http://mydomain.de
 /img/myvideo.mp4" />           
        </object>       
    </video> 
 </div><!-- end video-frame -->
 </div><!-- end video-main -->

我认为它可能与Jetpack发生了冲突，但是在禁用Jetpack插件后没有任何改变。

还有其他想法吗？

Answer 1

如果视频没有在Windows Safari上播放，那么我认为Quicktime就是问题所在。 Safari似乎需要安装Quicktime才能支持HTML5媒体。

安装Quicktime将修复Safari视频/音频问题。

Answer 2

我做了一些研究之后遇到了同样的问题，我找到的最简单的方法是在代码中添加poster参数

[video width="427" height="240" poster="http://example.com/example.png" mp4="http://example.com/example.mp4"][/video]

在这里你可以看到poster="http://example.com/example.png" example.png是我要在视频中显示为静止图像的图像

WordPress的Mediaplayer不在Safari中播放视频

2 个答案: