HTML5 Video Probleme

nasra schrieb am 05.04.2015 um 18:06 Uhr

Hallo Magix Team

Ich habe seit kürzen den Web Designer 10 Premium (v 10.1.5.36870)

Nun habe ich HTML5 Video Probleme,

Safari ist ab Version 4 kompatibel mit HTLM5 Element <video> (also .mp4)
Aber mit MWD Premium (v 10.1.5.36870) Spielt es kein Video ab.

Die Browser Opera, Chrom, Foxi, IE v9, Android u.a. geht alles prima nur der Safari (Desktop) funktioniert nicht.


Im MWD zeig es auch dieses Bild (Siehe Anhang) obwohl das Video in allen Browser Abspielt (Ausser Safari nicht)

Die einzige Möglichkeit wäre das Fallback über Flash

<!-- fallback to Flash: -->
<object width="1200" height="720" type="application/x-shockwave-flash" data="retail_video_player.swf">
  <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
  <param name="movie" value="retail_video_player.swf" />
  <param name="flashvars" value="controlbar=over&amp;image=logo_IMJ_1200.jpg&amp;file=Intro_Loox_MEDIA.mp4" />
  <!-- fallback image. note the title field below, put the title of the video there -->
  <img src="logo_IMJ_1200.jpg" width="1200" height="7200" alt="IMJ Intro Loox MEDIA"
       title="Video playback ist nicht Kompatible, Download Firefox Browser" />
</object>

Ich  möchte nur mit HTML5 Browser Kompatible sein was Magix Webdesigner 10 Premium ist.

Wie kann ich das Video für Safari Abspielbar machen.

Danke für eure Zeit & Tips

nasra

Kommentare

BeRo schrieb am 05.04.2015 um 18:46 Uhr

[...] Wie kann ich das Video für Safari Abspielbar machen. [...]

Indem Du es als HTML5 kompatibles Vide einbindest.

Dazu musst Du wissen, dass der WD das nicht von Haus aus macht. Wenn Du ein Video ohne zusätzliche Aktionen einbindest, wird es immer als Flash Video behandelt.

Soll Das Video mit allen modernen Browser abspielbar sein, muss explizit ein Video Tag angelegt werden. Das machst Du der Einfachheit halber, indem Du das im HTML Body eines Platzhalters einträgst.

Die Details dazu- und weitere Infos zum Thema findest Du hier bzw. über die weiterführenden Links.

Viel Erfolg

 

Zuletzt geändert von BeRo am 05.04.2015, 20:22, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

nasra schrieb am 06.04.2015 um 11:35 Uhr


Hallo BeRo


Danke für deine Bemühung,
Ich denke das die HTML5 Video Element <video> genügt.

Das Video wird ziemlich bei allen Browser Abgespielt nur Safari Streikt hier. Warum weiss ich nicht!

Dachte auch schon dass ich noch ein weiteres Video Element einfüge .mov aber Safari ist ab Version 4 mit .mp4 (h.264). HTML5 kompatibel.

Obwohl wenn ich auf Browser Test gehe bekommt der Safari nur 209 von 555 Punkten  (http://html5test.com).

Aber zum Kernpunkt der Code (unten) ist doch richtig.


<video  height="640" width="480"controls poster="logo_IMJ_700.jpg">
<source src="intro.mp4" type="video/mp4" />
<source src="intro.m4v" type="video/m4v" />
<source src="intro.ogg" type="video/ogg" />
<source src="intro.webm" type="video/webm" />
<!-- fallback to Flash: -->
<object width="640" height="480" type="application/x-shockwave-flash" data="retail_video_player.swf">
  <!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
  <param name="movie" value="retail_video_player.swf" />
  <param name="flashvars" value="controlbar=over&amp;image=logo_700.jpg&amp;file=intro.mp4" />
  <!-- fallback image. note the title field below, put the title of the video there -->
  <img src="logo_700.jpg" width="640" height="480" alt="Intro_Test"
       title="Video playback ist nicht Kompatible, Download Firefox Browser" />
</object>
</video>
 

BeRo schrieb am 06.04.2015 um 12:34 Uhr

[...] Das Video wird ziemlich bei allen Browser Abgespielt nur Safari Streikt hier [...]

Offenbar hast Du das Video korrekt im VIDEO Tag angegeben. Da der Safari Browser sich dennch weigert, es abzuspielen, könnte der ausliefernde Webserver der Schuldige sein.

Wenn Dein ISP (Internet Service Provider) .htaccess auf dem Server zulässt, solltest Du prüfen, ob die MIME TYPES korrekt eingestellt sind. Ist das nicht der Fall, hast Du die wahrscheinlichste Ursache für Dein Problem gefunden. Dann ergänzt/erstellst Du einfach die .htaccess Datei mit den folgenden Einträgen:

-----------------------
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
AddType video/webm .webm
AddType audio/webm .weba
AddType video/ogg .ogm
AddType video/ogg .ogv
AddType video/ogg .og
-----------------------

Danach solle (hoffentlich) alles laufen...

Hier findest Du weitere Infos zu dem Thema.

Viel Erfolg

Zuletzt geändert von BeRo am 06.04.2015, 13:01, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓