[binzlbizi]

Hi!

this is my script inside index.html

“Hof Klostersee”
Jun. 2011

this script doesn´t work on different browser. Safari doesn´t read webm, and firefox doesn´t read mp4.

how to build an video fallback for different browser inside the sript? Please help. thanx.

[binzlbizi]

“Hof Klostersee”
Jun. 2011

[binzlbizi]

“Hof Klostersee”
Jun. 2011

[binzlbizi]

sorry can´t paste the code here inside

[ahmetsali]

Hi, you can encode your html code here and post it here.

[binzlbizi]

Hi, sorry but I don´t understand the solution… how can I post it there? Every time I paste the url-code inside the Input folder the same code comes the Output folder? There is also no POST-Button or similar.
Sorry for my ignorance!
;-)

[binzlbizi]

<!– Start #1 –>
<div class="lifestyle video hentry">
<div class="media-box">
<img src="images/portfolio/07.jpg" alt="portfolio-post">
<div class="mask">

<!– lightbox – video –>
<a href="images/video1.mp4" data-lightbox-gallery="fancybox-item-03" class="lightbox iframe"></a>
<a href="images/video1.webm" data-lightbox-gallery="fancybox-item-03" class="lightbox iframe"></a>
<!– lightbox – video –>

</div>
</div>
<h4>"Hof Klostersee"</h4>
<p class="category">Jun. 2011</p>
</div>

<!– End #1 –>

even though I´m loading webm and mp4 in the code, the different browser allways reading the wrong format.

[ahmetsali]

i can suggest to you to use medialement.js plugin for html5 video solution with fallbacks and view it with fancybox “Inline content” or “iframe” feature.

You can check the links below for inspiration;

http://www.pipsqueak.com/devharbor/video-popup/

http://www.spiderworks.at/ie7-ie8-fancybox-mediaelement-js/

http://stackoverflow.com/questions/7691170/is-there-an-easy-way-to-take-fancybox-and-video-js-to-auto-play-movies-in-a-ligh