HTML5 Videotag im Video Lighbox abspielen lassen ?

[BlackBoSs]

Hallo,

habe auf einer Seite den ich gebastelt habe Videos eingefügt mit Lightbox-Effekt.
Wenn man auf die Bilder klickt öffnet sich Lightbox und drinnen das Youtube-Video.
ABER wenn man es Mobile abruft spielen die Videos nicht ab?
Dachte mir das nicht jedes Handy oder Browser die Youtube-Videos am Handy abspielt überlegte ich mir ein HTML5 Video Tag einzubauen - vielleicht funktioniert es so.

Ich weiss aber nicht wie ich ein HTML5 Video Tag in eine Lightbox einbaue.

Kann mir eventuell jemand helfen ?

es geht um folgende Seite: www.gitarsaz.com

 

[msa1989]

Hilft dir eventuell das weiter:

https://www.googlewatchblog.de/2010/07/youtube-videos-als-html5-video-einbinden/

 

[Zicke]

Das ist allerdings keine Lightboxeffekt, aber...

Ein HTML5-Video mit Kontrollelementen einbinden:
<video width=720 height=404 poster="video/demo.png" autobuffer=autobuffer autoplay loop>
<source src="video/demo1.mp4" type="video/mp4"/>
<source src="video/demo2.mp4" type="video/mp4"/>
<source src="video/demo3.mp4" type="video/mp4" media=handheld />
<source src="video/demo.ogv" typ="video/ogg"/>
<source src="video/demo.webm" type="video/webm"/>
<object>
<embed src="video/demo.mp4" type="application/x-shockwave-flash" allowfullscreen=true allowscriptaccess=always />
</object>
<p>Dieser Browser unterstützt HTML5 Video nicht</p>
</video>

Die drei mp4-videos z.B. in verschiedenen Größen für mobile Geräte.

und im CSS:
video { max-width: 100%; height:auto;}

Dann sollte es funktionieren.