gelöscht

html.de-Forum HTML, XHTML & CSS
1

gelöscht

2

Probier mal ob es mit

http://wiki.selfhtml.org/wiki/Video#Vorschaubild_anzeigen

3

Probier mal ob es mit

4

[code]

datei [/code][SIZE=4][code]$(document).ready(function() { if (!$('video').length) $('.novideo').attr('src', $(this).attr('data-src'); });[/code]Als dummy.gif immer dasselbe, winzige, transparente GIF verwenden.[/SIZE]
5

Oder dieses müsste auch funktionieren: $(document).ready(function() { $('video').each(function() {$(this).children('img').remove()}); }); ohne Änderungen am img-Tag.

6

Selber hatte ich den Fall noch nicht, aber ich würde es mit einem Workaround versuchen.

  1. Schritt: Abfrage, ob der Browser Videos abspielen kann. Dazu ließe sich die Methode canPlayType() einsetzen, ergänzt um eine UA-Abfrage für den IE 7/8. Auch Modernizr sollte eine entsprechende Klasse erzeugen.

  2. Schritt: anstatt ein als Fallback zu verwenden, nimmt man einen leeren Container, der als Default-Zustand ein display:none erhält. Falls der Browser keine Videos abspielen kann, wird dort per JS eine CSS-Klasse angehängt, die width, height und das gewünschte Bild als background-image setzt.