Video mit FLV/SWF eingebunden auf mobile Apple Geräte keine wiedergabe!

[Loerbs]

Hallo / Guten Abend!

Habe ein wieder mal ein Problem....
Es geht um folgende Seite: IMPULS Live!

Dort habe ich Videos mit hilfe von Flash eingebunden, die ohne weiter Probleme auf Appel Geräten und auf Win laufen.
Leider ist uns heute aufgefallen, [...hätten wir auch wissen können] das Appel auf Mobilen Geräten kein Flash unterstützt.
Habe mir einige Gedanken gemacht.
Vieleicht einfach mit <video> einbinden? macht das sinn?
Wenn diese Video´s dann mit HTML eingebunden werden, bekomme ich die darstellung hin, so wie sie jetzt ist? Dort liegen einfach einfache "thumbs" hinter...:idea:

Vieleicht habt ihr noch eine weiter Idee wie man dieses Problem Lösen kann....

Würde mich freuen und wünsche euch noch einen schönen Abend!
Mit lieben Grüßen aus Bremerhaven
A. Lörbs

 

[jakestyler]

1. Flash ist tot & blöd.
2. Wenn du Flash weiter verwenden willst, dann schlage ich folgendes vor: Der Flashplayer kommt in ein div mit der id="nonmobile", der HTML5-Player mit dem Video-Tag in ein div mit der id="mobile".
2.1 nonmobile wird standartmäßig gezeigt, mobile hingegen versteckt.
2.1 Über Media Queries versteckst du nonmobile für iPhones und zeigst mobile.

Alles klar?

ODER DER BESSERE WEG:
1. Benutze video.js
2. Alles ist perfekt! :)

BTW: Was sind thumbs? Für den Video-Tag brauchst du normalerweise mp4, ogg und webm.

 

[Loerbs]

Mal sehen, wen es klappt möchte ich erst mal flash beiberhalten (ist gerade alles so weit fertig)
Nun ist meine Frage ob ich es richitg eingegeben habe.

Code vorher:

<h3 class="letter">IMPULS <strong>Musik Videos</strong></h3>
                                    </div>
                                    <div class="wrapper indent-bot1">
                                        
                                        <article class="grid_4 alpha">
                                            <div class="padding-grid-3">
                                                <div class="wrapper p2">
                                                    <figure class="style-img-2 fleft">
                                                    <a class="lightbox-image" href="video/video_AS3.swf?width=495&amp;height=275&amp;fileVideo=385148274869984_4973.mp4" data-gal="prettyVideo[prettyVideo_1]"><img src="images/page3-img2.jpg"  alt=""></a></figure>
                                                </div>
                                                <p class="prev-indent-bot2">Impuls Live Video / Mai 2012<br> Tanz in den Mai - Degersen / Kreis Hannover.</p>
                                                
                                            </div>
                                        </article>

Code danch:

<h3 class="letter">IMPULS <strong>Musik Videos</strong></h3>
                                    </div>
                                    <div class="wrapper indent-bot1">
                                        
                                        <article class="grid_4 alpha">
                                            <div class="padding-grid-3">
                                                <div class="wrapper p2">
                                                    <figure class="style-img-2 fleft">
                                            <div id="nonmobile">
                                                    <a class="lightbox-image" href="video/video_AS3.swf?width=495&amp;height=275&amp;fileVideo=385148274869984_4973.mp4" data-gal="prettyVideo[prettyVideo_1]"><img src="images/page3-img2.jpg"  alt=""></a></figure>
                                            </div>
                                                </div>
                                                <p class="prev-indent-bot2">Impuls Live Video / Mai 2012<br> Tanz in den Mai - Degersen / Kreis Hannover.</p>
                                                
                                            </div>
                                        </article>

Habe so etwas noch nie gemacht, habe mir auch noch nie wirklich über dieses Problem gedanken gemacht.
Vieleicht kannst du mir da ein wenig unter die Arme greifen.

Vielen Dank
Liebe Grüße
A. Lörbs

 

[jakestyler]

Bei video.js gibt es einen generator der ein Video-Tag generiert.