Keskustelu: Nettisivujen teko: Videon sisällyttäminen HTML-sivulle

ELikkäs yritän toistaa html sivuillani videota ja siihen löysin tälläisen koodin. Ongelma on, että video ei jostain syystä siltikään lähtenyt pyörimään vaikka kaiken tein oikein.

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <object data="movie.mp4" width="320" height="240">
  </object>
</video>

Ainakin toistaiseksi eri selaimet tukevat eri videoformaatteja ja osa vanhemmista (IE8 ja vanhemmat) eivät tue HTML 5 video elementtiä lainkaan. Käytännössä sinun täytyy tarjota materiaali eri muodossa ja siten ainakin teoriassa selaimen pitäisi toistaa ensimmäisen tuetun version listalta. Tämän lisäksi olisi syytä lisätä vielä "varma" fallback, jota ei kuitenkaan läheskään aina selain edes käytä vaikka siihen olisi tarvetta.

<video controls>

	<source src="/movie.mp4" type="video/mp4">
	<source src="/movie.webm" type="video/webm">
	<source src="/movie.ogg" type="video/ogg">
	<!-- Flash? -->

	Selaimesi ei tue videoformaattia, <a href="/movie.mp4">lataa video</a>.
  </video>

Oman kokemuksen mukaan juuri mp4 näyttäisi olevan tällä hetkellä parhaiten tuettu..

Ok. Kiitos tiedosta...kokeilen uudestaan noiden tierojen pohjalta :D

Katso esim. http://css-tricks.com/snippets/html/video-for-everybody-html5-video-with-flash-fallback/