it-swarm.com.de

Wie kann ich Videos im .mov-Format in HTML-Video-Tag öffnen?

Ich möchte .mov-Video wie dieses wiedergeben, aber Videos werden in keinem Browser wiedergegeben.

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

Sie können unten Code verwenden:

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

dieser Code wird Ihnen helfen.

20
Yazdan Haider

Verwenden Sie anstelle des <source>-Tags das <src>-Attribut von <video> wie unten und Sie sehen die Aktion.

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

oder 

sie können innerhalb des Tags mehrere Tags vergeben, die jeweils eine andere Videoquelle haben. Der Browser geht automatisch durch die Liste und wählt die erste aus, die er abspielen kann. Zum Beispiel:

<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>

Wenn Sie diesen Code in Chrome testen, erhalten Sie das H.264-Video. Führen Sie es jedoch in Firefox aus, und Sie sehen das Ogg-Video an derselben Stelle.

17
Rakesh Kumar

Inhaltstyp für MOV-Videos sind in meinem Fall Video/Quicktime. Beim Hinzufügen von type = "video/mp4" zur MOV-Videodatei wurde das Problem in meinem Fall behoben.

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

Leider werden MOV-Dateien bei der Wiedergabe von HTML5-Videos nicht unterstützt. Sie können hier sehen, welche Dateitypen unterstützt werden: 

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

Wenn Sie diese Formate mit Ihrem html5-Videoplayer abspielen müssen, müssen Sie zunächst Ihre Videodatei konvertieren - vielleicht mit folgendem Inhalt:

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

3
Ian deBoisblanc

Sie können das Controls-Attribut verwenden

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

Meine neue Antwort ist die Verwendung von ffmpeg, um den .mov wie ffmpeg -i sourceFile.mov destinationFile.mp4 umzuwandeln. Machen Sie dasselbe für das Webm-Format.

ALTE Antwort: Folgendes tun Sie: 

  1. Lade dein Video auf Youtube hoch.
  2. Installieren Sie das Plugin "Complete YouTube Saver" für Firefox
  3. Laden Sie mit dem Plugin in Firefox sowohl das MP4- als auch das WEBM-Format herunter und platzieren Sie sie auf Ihrem Webserver
  4. Fügen Sie Ihrer Website das HTML5-Video-Element gemäß der Empfehlung von 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> hinzu.
  5. Gestalten Sie das <video>-Element mit CSS entsprechend Ihren Anforderungen. Zum Beispiel hat Materializecss eine einfache Hilfsklasse , um das Video geräteübergreifend gut darzustellen.
0
Ron Royston