html5 Video Player spielt in Safari kein Video ab
Posted: Wed 8. Jul 2015, 11:58
Hallo,
ich habe letzte Woche eine ältere phpWCMS-HP von 1.4.7 auf die neue 1.7.9 upgedatet ... Da die Homepage ziemlich viele Videos beinhaltet, ist es mir auch wichtig das sie überall laufen - leider spielt aber der neue Video.js Player in der Desktop Safari-Version (sowohl unter OSX als auch unter Windows) die Videos nicht ab!! In den Contentparts sind zu meist mp4 und webm-Dateien eingebunden .. Der Flashfallback müssrte doch dann wenigstens den NonverBlaster-Player aufrufen!?
Die Videos laufen in Safari nur, wenn man das Häckchen bei ausschließlich HTML5: setzt. Dann wird aber nicht der schicke neue Video.js Player geladen... Woran kann das liegen?? kommt Safari nicht mit dem generierten Code klar??
Wenn das Häckchen gesetzt ist wird ein einfacher HTML5-Code generiert den Safari abspielen kann:
Habe auch in der .htccess die MIME-Types gesetzt:
ich habe letzte Woche eine ältere phpWCMS-HP von 1.4.7 auf die neue 1.7.9 upgedatet ... Da die Homepage ziemlich viele Videos beinhaltet, ist es mir auch wichtig das sie überall laufen - leider spielt aber der neue Video.js Player in der Desktop Safari-Version (sowohl unter OSX als auch unter Windows) die Videos nicht ab!! In den Contentparts sind zu meist mp4 und webm-Dateien eingebunden .. Der Flashfallback müssrte doch dann wenigstens den NonverBlaster-Player aufrufen!?
Die Videos laufen in Safari nur, wenn man das Häckchen bei ausschließlich HTML5: setzt. Dann wird aber nicht der schicke neue Video.js Player geladen... Woran kann das liegen?? kommt Safari nicht mit dem generierten Code klar??
Code: Select all
<video id="video-js-fmp3477" class="video-js vjs-default-skin" width="512" height="288" controls="controls" autoplay="autoplay" preload="auto">
<source src="http://haeger-stunt.de/download.php?file=021d488940e22c53188540fb1b762224.mp4&type=video%2Fmp4" type="video/mp4" />
<source src="http://haeger-stunt.de/download.php?file=8eb2fcf2d96cee8549f63d269b90b5d7.webm&type=video%2Fwebm" type="video/webm" />
<object class="vjs-flash-fallback" type="application/x-shockwave-flash" width="512" height="288" data="http://haeger-stunt.de/template/lib/nonverblaster/NonverBlaster.swf">
<param name="movie" value="http://haeger-stunt.de/template/lib/nonverblaster/NonverBlaster.swf" />
<param name="allowfullscreen" value="true" />
<param name="menu" value="false" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="always" />
<param name="flashvars" value="mediaURL=http%3A%2F%2Fhaeger-stunt.de%2Fdownload.php%3Ffile%3D021d488940e22c53188540fb1b762224.mp4%26type%3Dvideo%252Fmp4&loop=false&showScalingButton=true&scaleIfFullScreen=true&crop=false&defaultVolume=80&buffer=6&allowSmoothing=true&controlsEnabled=true&autoPlay=true&controlBackColor=0x000000&controlColor=0xE3E6E7" />
</object>
</video><script type="text/javascript">
videojs("video-js-fmp3477").ready(function() {
this.volume(0.8);
});
</script>Code: Select all
<video width="512" height="288" controls="controls" autoplay="autoplay" preload="auto">
<source src="http://haeger-stunt.de/download.php?file=da1362fec8f77eedb446f64ed8002b54.mp4&type=video%2Fmp4" type="video/mp4" />
</video>Code: Select all
#Sometimes necessary to add special types
# AddType application/x-javascript .js
# AddType text/css .css
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
AddType video/webm .webm