web-dev-qa-db-fra.com

Comment intégrer un fichier .mov en HTML?

Quelle est la bonne façon d'ajouter un fichier . Mov à une page Web?

J'ajoute simplement cette fonctionnalité à un fichier existant, donc je ne peux pas le convertir en HTML5. Le fichier est sur le même serveur d'environ 1 Go.

Le client ne veut pas non plus utiliser YouTube ou Vimeo car il est sur la page d'accueil.

html.mov
22
Charles Marsh

J'ai eu des problèmes avec le code dans la réponse fournie par @haynar ci-dessus (ne jouerait pas sur Chrome), et il semble que l'un des moyens les plus modernes de s'assurer qu'il joue est d'utiliser la balise vidéo

Exemple:

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

Cela a fonctionné comme un champion pour mon fichier .mov (généré à partir de Keynote) à la fois dans Safari et Chrome, et est répertorié comme pris en charge dans la plupart des navigateurs modernes (la balise vidéo est prise en charge dans Internet Explorer 9+, Firefox, Opera, Chrome et Safari .)

Remarque: fonctionnera dans IE/etc .. si vous utilisez MP4 (Mov n'est pas officiellement pris en charge par ces gars-là)

37
BadPirate
<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 est le premier résultat de recherche du Google

6
haynar

Eh bien, si vous ne voulez pas faire le travail vous-même (les éléments object ne sont pas vraiment si durs), vous pouvez toujours utiliser le plugin Media de Mike Alsup: http: //jquery.malsup .com/media /

2
Tieson T.