...mostraré dos maneras, y recomiendo la segunda, pero al ser lenguage HTML5 es muy probable que existan navegadores que no les funcione todavia.. pero vale la pena ya que no utilitza librerias flash de propiedad, así que ayuda al uso de herramientas de programario libre.. además si el codec que se utiliza para crear el video es el Theora u oltro también libre, conseguimos propagar herramientas libres y no de propiedad.
1. empaquetado con flash:
...el codigo que se extrae del video de una web como youtube, blip.tv, etc... es parecido al siguiente:
<embed src="http://blip.tv/play/AYGshQUC" type="application/x-shockwave-flash" width="480" height="888" allowscriptaccess="always" allowfullscreen="true"> </embed>
...pues si se pone tal cual va al cuerpo de la nueva página, aún así poniendo las opciones de publicación "FullHTML" ...no funcionará.
Hay que seleccionar solo el contenido de la etiqueta "embed src" o sea, en el ejemplo anterior:
a. añadiendo un objecto flash

b. ponerlo a URL

cambia el tamaño con medidas o manualmente...
y como resultado...
(aquí encima hay el video en flash)
2. codigo HTML5:
a. Cuando editamos la página Drupal, arriba a la izquierda del cuerpo del mensage, hay un botón que pone "Source" o "Codi font", y podemos introduir el codigo tal cual, sino lo hacemos así se verá como texto. También existe unos codigos <pre> y </pre>, si ponemos el codigo a dentro pierde la función y se convierte en texto, por tanto hemos de poner el codigo fuera de esta etiqueta.
b. Introducimos el siguiente codigo. La ruta dónde se encuentra el fichero .ogv es la dirección del video que queremos poner.
<video width="201" height="205" tabindex="0" id="video" controls="controls" preload="none"> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet417.ogv" type="video/ogg; codecs="theora, vorbis""></source> </video>
...y el resultado:
(aquí encima hay el video HTML5 en .ogv)
Recomiendo convertir el video a otros formatos, para así poder llegar a todos los usuarios posibles. Y es que el HTML5 puedes ponerle diferentes enlaces para cada tipo de formato de video. Como en el siguiente ejemplo. Sea cual sea el navegador, ya escojerá el formato de video que prefiere. Según tengo entendido, Mac y Win escojen mp4. Como alternatiba al HTML5 le pongo el flash. Quizás me dejo algún formato para algún navegador especial... si alguien lo sabe que avise, porfavor.
<video width="201" height="205" tabindex="0" id="video" controls="controls" preload="none"> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet586.webm" type="video/webm"></source> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet417.ogv" type="video/ogg"></source> <source src="http://blip.tv/file/get/Eloirebes-logoGuifinet963.mp4" type="video/mp4"></source> <embed src="http://blip.tv/play/AYGshQUC" type="application/x-shockwave-flash" width="480" height="888" allowscriptaccess="always" allowfullscreen="true"> </embed>Vuestro navegador no acepta HTML5, porfavor actualitzalo. </video>
...si os fijáis, hay el nuevo formato WEBM que es el VP8 comprado por google, donde lo ha liberalizado a GPL, de manera que tiene muchos números para convertirse en un video estandard del HTML5.
También hay el codigo completo en flash, y justo después, un mensage informando que no se tiene el navegador actualitzado. Así, como alternativa, arrancará el video en flash con el reproductor flash, conjuntamente con el mensage.
Para poner este bloque de codigo dentro de Drupal, recomiendo activar la opción de formato de entrada "FullHTML" del editor de la página. He comprobado que en algún sistema, no se reproducia correctamente el video. Este punto parece que se contradice con la primera opción de este manual, al encontrarse dentro de la etiqueta de <video>, debe necessitar el codigo <embed> entero.
...el resultado final!!:
(aquí encima hay el video HTML5 con las diversas opciones)
...ara podeis comprobar este manual en diferentes navegadores. Aquí os dejo una tabla con sus versiones a partir de cuales ya acepta el HTML5.
| IE | Firefox | Safari | Chrome | Opera | iPhone | Android |
|---|---|---|---|---|---|---|
| 9.0+ | 3.5+ | 3.0+ | 3.0+ | 10.5+ | 1.0+ | 2.0+ |
nota importante!: Si no veis ningún video en esta página. es que vuestro navegador no soporta ni flash ni HTML5. xD