Как открыть видео в формате .mov в теге HTML?

Я хочу играть в .mov видео, как это, но видео не воспроизводится в любом браузере.

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

Ответ 1

Вместо использования тега <source> используйте атрибут <src> <video>, как показано ниже, и вы увидите действие.

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

или

вы можете указать несколько тегов в теге, каждый из которых имеет другой источник видео. Браузер автоматически перейдет в список и заберет первый, который сможет играть. Например:

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

Если вы проверите этот код в Chrome, вы получите видео H.264. Однако запустите его в Firefox, и вы увидите видео Ogg в том же месте.

Ответ 2

Вы можете использовать код ниже:

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

этот код поможет вам.

Ответ 3

Тип контента для видео MOV - это видео /quicktime в моем случае. Добавление типа = "video/mp4" в файл MOV для видеофайла в моем случае.

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

Ответ 4

Вы можете использовать атрибут Controls

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

Ответ 5

К сожалению, файлы .mov не поддерживаются воспроизведением видео html5. Вы можете посмотреть, какие типы файлов поддерживаются здесь:

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

Если вам нужно играть в эти форматы с помощью вашего видеопроигрывателя html5, вам нужно сначала преобразовать свой видеофайл - возможно, с чем-то вроде этого:

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

Ответ 6

Мой новый ответ - использовать ffmpeg для перекодировки .mov как ffmpeg -i sourceFile.mov destinationFile.mp4. Сделайте то же самое для формата webm.

OLD Ответ: Вот что вы делаете:

Загрузите видео на Youtube.
Установите плагин "Полный YouTube Saver" для Firefox.
Используя плагин в Firefox, загрузите форматы MP4 и WEBM и разместите их на своем веб-сервере.
Добавьте элемент HTML5 Video на свою веб-страницу за Рекомендация 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.  </video>
Настройте элемент <video> с помощью CSS в соответствии с вашими потребностями. Например Materializecss имеет простой класс-помощник, чтобы визуально отображать видео по типам устройств.