Hi,
habe ein das Problem das ich an einer Website bin, bei der ein Showreel eingebunden werden muss und zwar in HTML5.
Vorzugsweise soll der Vimeo Plus Player benutzt werden falls der Browser h.264 unterstützt, andernfalls OGG bzw WebM und wenns nicht anders geht Vimeo Flashplayer. Dafür habe ich modernizr benutzt. Bei meinen Test auf Chrome, Firefox, Android 4.0, und iOS funktioniert alles wunderbar. Jedoch habe ich jetzt von anderen gehört das bei ihnen gar kein Video auf Android angezeigt wird (nicht mal eine Fehlermeldung von Vimeo das Flash fehlt).
Stimmt da was im code nicht oder können vllt. einige Android Browser modernizr nicht "verstehen"?
Vielen Dank
habe ein das Problem das ich an einer Website bin, bei der ein Showreel eingebunden werden muss und zwar in HTML5.
Vorzugsweise soll der Vimeo Plus Player benutzt werden falls der Browser h.264 unterstützt, andernfalls OGG bzw WebM und wenns nicht anders geht Vimeo Flashplayer. Dafür habe ich modernizr benutzt. Bei meinen Test auf Chrome, Firefox, Android 4.0, und iOS funktioniert alles wunderbar. Jedoch habe ich jetzt von anderen gehört das bei ihnen gar kein Video auf Android angezeigt wird (nicht mal eine Fehlermeldung von Vimeo das Flash fehlt).
HTML:
<head>
...
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> <script src="js/modernizr.js"></script>
</head>
<body>
...
<div class="container">
<div id="video">
<script>
if (Modernizr.video) {
if (Modernizr.video.h264) {
$('#video').html('<div class="elastic-video"><iframe src="http://player.vimeo.com/video/59508603?title=0&byline=0&portrait=0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>');
} else if (Modernizr.video.ogg) {
$('#video').html('<video poster="video/poster/showreel2013.jpg" controls preload="none"><source src="video/ogg/showreel_2013.ogg" type="video/ogg"></video>');
} else if (Modernizr.video.webm){
$('#video').html('<video poster="video/poster/showreel2013.jpg" controls preload="none"><source src="video/webm/showreel_2013.webm" type="video/webm"></video>');
}
} else {
$('#video').html('<div class="elastic-video"><iframe src="http://player.vimeo.com/video/59508603?title=0&byline=0&portrait=0" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>');
}
</script>
</div>
...
</div>
</body>Stimmt da was im code nicht oder können vllt. einige Android Browser modernizr nicht "verstehen"?
Vielen Dank