2012-09-20 19 views
16

¿Cuál es la forma correcta de agregar un archivo .mov a una página web?¿Cómo incrustar un archivo .mov en HTML?

Solo estoy agregando esta funcionalidad a un archivo existente para que no pueda convertirlo a HTML5. El archivo está en el mismo servidor de 1G de tamaño.

El cliente tampoco desea utilizar YouTube o Vimeo ya que está en la página de inicio.

+8

por cierto .. . HTML5 no es un formato de archivo multimedia y no es posible convertir cualquier archivo a HTML5. HTML5 es una especificación de HTML, define estándares que deben usarse para hacer que las páginas sean compatibles con todos los navegadores. – haynar

Respuesta

29

tenido problemas utilizando el código en la respuesta proporcionada por @haynar anterior (no jugaría en Chrome), y parece que una de las formas más modernas para garantizar que desempeña es utilizar el video tag

Ejemplo:

<video controls="controls" width="800" height="600" 
     name="Video Name" src="http://www.myserver.com/myvideo.mov"></video> 

Esto funcionó como un campeón para mi archivo .mov (generado a partir de Keynote), tanto en Safari y Chrome, y está considerado como el apoyo en la mayoría de los navegadores modernos (La etiqueta de vídeo es compatible en Internet Explorador 9+, Firefox, Opera, Chrome y Safari)

Nota:. funcionará en IE/etc .. si utiliza MP4 (Mov no está soportado oficialmente por esos tipos)

+0

sorprendentemente simple. Estoy sorprendido de que esto haya funcionado. ¡Gracias! – Sam

+0

Esto funciona solo para Safari, en realidad –

6
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"> 
    <param name="src" value="sample.mov"> 
    <param name="qtsrc" value="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov"> 
    <param name="autoplay" value="true"> 
    <param name="loop" value="false"> 
    <param name="controller" value="true"> 
    <embed src="sample.mov" qtsrc="rtsp://realmedia.uic.edu/itl/ecampb5/demo_broad.mov" width="320" height="256" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed> 
</object> 

source es la primera search result del Google

+2

pensó que podría estar interesado en leer [esto] (http://meta.stackexchange.com/questions/15650/ban) -lmgtfy-déjame-google-eso-para-usted-enlaces). – Polyov

2

Bueno, si usted no quiere hacer el trabajo usted mismo (object elementos no son realmente tan difícil), siempre se puede utilizar Mike Alsup de plugin de medios: http://jquery.malsup.com/media/

Cuestiones relacionadas