web-dev-qa-db-fra.com

Comment ouvrir une vidéo au format .mov en vidéo HTML Tag?

Je souhaite lire la vidéo .mov comme ceci, mais la vidéo ne peut être lue dans aucun navigateur.

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mov">
</video>
htmlhtml5
20
Divyang Patel

Vous pouvez utiliser le code ci-dessous: 

<video width="400" controls autoplay>
    <source src="D:/mov1.mov" type="video/mp4">
</video>

ce code vous aidera.

20
Yazdan Haider

Au lieu d'utiliser la balise <source>, utilisez l'attribut <src> de <video> comme ci-dessous et vous verrez l'action.

<video width="320" height="240" src="mov1.mov"></video>

ou 

vous pouvez attribuer plusieurs balises dans la balise, chacune avec une source vidéo différente. Le navigateur parcourt automatiquement la liste et choisit le premier qu’il peut lire. Par exemple:

<video id="sampleMovie" width="640" height="360" preload controls>
    <source src="HTML5Sample_H264.mov" />
    <source src="HTML5Sample_Ogg.ogv" />
    <source src="HTML5Sample_WebM.webm" />
</video>

Si vous testez ce code dans Chrome, vous obtiendrez la vidéo H.264. Exécutez-le dans Firefox, cependant, et vous verrez la vidéo Ogg au même endroit.

17
Rakesh Kumar

Type de contenu pour les vidéos MOV sont vidéo/quicktime dans mon cas. Ajouter type = "video/mp4" au fichier vidéo MOV a résolu le problème dans mon cas.

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mp4">
</video>
6
Hiral Patel

Malheureusement, les fichiers .mov ne sont pas pris en charge avec la lecture vidéo html5. Vous pouvez voir quels types de fichiers sont supportés ici: 

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

Si vous avez besoin de pouvoir lire ces formats avec votre lecteur vidéo html5, vous devez d'abord convertir votre fichier vidéo, peut-être avec quelque chose comme:

https://www.npmjs.com/package/html5-media-converter

3
Ian deBoisblanc

Vous pouvez utiliser l'attribut Controls

<video id="sampleMovie" src="HTML5Sample.mov" controls></video>
1
Rawaf

Ma nouvelle réponse consiste à utiliser ffmpeg pour transcoder le .mov comme ffmpeg -i sourceFile.mov destinationFile.mp4. Faites de même pour le format webm.

OLD Answer: Voici ce que vous faites: 

  1. Envoyez votre vidéo sur Youtube.
  2. Installer le plugin "Complete YouTube Saver" pour Firefox
  3. En utilisant le plugin dans Firefox, téléchargez les formats MP4 et WEBM et placez-les sur votre serveur Web.
  4. Ajoutez l'élément vidéo HTML5 à votre page Web en recommandation de MDN <video controls> <source src="somevideo.webm" type="video/webm"> <source src="somevideo.mp4" type="video/mp4"> I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264. <!-- You can embed a Flash player here, to play your mp4 video in older browsers --> </video>
  5. Style de l'élément <video> avec CSS pour répondre à vos besoins. Par exemple, Materializecss a une simple classe d’aide pour restituer la vidéo correctement à travers les types de périphériques.
0
Ron Royston