Diferencia entre revisiones de «Usuario:Juanda/videohtml5/Introducción»
De WikiEducator
(→Decodificación de Vídeo) |
(→Vídeos de youtube, vimeo) |
||
Línea 92: | Línea 92: | ||
</object> | </object> | ||
</source> | </source> | ||
+ | *Para hacer el vídeo responsivo no podemos hacer como en el caso anterior (truco de 100%width). | ||
===Librería normalice=== | ===Librería normalice=== |
Revisión de 13:22 31 ene 2013
Vídeos de youtube, vimeo
- Código inserción vídeos youtube:
<iframe width="640" height="480" src="http://www.youtube.com/embed/oDlsOyPKUTM" frameborder="0" allowfullscreen></iframe>
- Código inserción vídeos vimeo:
<iframe src="http://player.vimeo.com/video/57444237" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
- También se puede usar object y embed para insertar código no html. Por ejemplo youtube con Flash:
<object width="640" height="480"> <param name="movie" value="http://www.youtube.com/v/oDlsOyPKUTM?hl=es_ES&version=3"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/oDlsOyPKUTM?hl=es_ES&version=3" type="application/x-shockwave-flash" width="640" height="480" allowscriptaccess="always" allowfullscreen="true"> </embed> </object>
- Para hacer el vídeo responsivo no podemos hacer como en el caso anterior (truco de 100%width).
Librería normalice
- Librería que hace que los diferentes elementos renderizados por el navegador se comporten según estándares.
- Es el equivalente mejorado a librerías anteriores que hacían un reset a los CSS del navegador.
<link rel="stylesheet" href="css/normalize.css">
Librería main.css
- Viene con unos css por defecto y aquí es donde podríamos poner lo nuestro.
<link rel="stylesheet" href="css/main.css">
Librería modernizr.js
- Librería modernizr ....
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</div>