mp4 видео не воспроизводится на сайте
Я загружаю MP4-видео на сервер и воспроизводю их на внешнем интерфейсе с тегом HTML-видео. Ниже приведен код, который используется.
<video width="480" height="294" controls="controls">
<source src="http://server.com/user_data/machine/133/videos/1_2.mp4" type="video/mp4">
<source src="http://server.com/user_data/machine/133/videos/1_2.mp4" type="video/webm">
<source src="http://server.com/user_data/machine/133/videos/1_2.mp4" type="video/ogg">
</video>
Проблема в том, что он проигрывает некоторые видео, а некоторые нет. Оба MP4, но он играет некоторые видео, а другие нет. А для некоторых они не видео, а только аудио.
Можете ли вы помочь мне в том, что проверить и как решить эту проблему.
Спасибо,
Решение
Для разных источников у вас должны быть разные типы видео
File Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
Другие решения
<!-- "Video For Everybody" v0.4.1 by Kroc Camen of Camen Design <camendesign.com/code/video_for_everybody>
=================================================================================================================== -->
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster attribute! fixed in iOS4.0 -->
<video width="640" height="360" controls preload="none">
<!-- MP4 must be first for iPad! -->
<source src="__VIDEO__.MP4" type="video/mp4" /><!-- WebKit video -->
<source src="__VIDEO__.webm" type="video/webm" /><!-- Chrome / Newest versions of Firefox and Opera -->
<source src="__VIDEO__.OGV" type="video/ogg" /><!-- Firefox / Opera -->
<!-- fallback to Flash: -->
<object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars" value="image=__POSTER__.JPG&file=__VIDEO__.MP4" />
<!-- fallback image. note the title field below, put the title of the video there -->
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"title="No video playback capabilities, please download the video below" />
</object>
</video>
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p> <strong>Download Video:</strong>
Closed Format: <a href="__VIDEO__.MP4">"MP4"</a>
Open Format: <a href="__VIDEO__.OGV">"OGG"</a>
</p>
Zende, если вы хотите встроить видео в формате .webm или .ogg на сайт, то вам нужно конвертировать видео в формат .webm или .ogg.
Также убедитесь, что на вашем веб-сайте указан правильный MIME-тип для файла. Если вы используете nginx, вам нужно установить http_mp4_module.