Как встроить файл .mov в HTML?

Как правильно добавить файл .mov на веб-страницу?

Я просто добавляю эту функциональность в существующий файл, поэтому не могу преобразовать его в HTML5. Файл находится на том же сервере размером около 1G.

Клиент также не хочет использовать YouTube или Vimeo, поскольку они находятся на главной странице.


html .mov
person Charles Marsh    schedule 20.09.2012    source источник
comment
кстати... HTML5 не является форматом медиафайла, и любой файл невозможно преобразовать в HTML5. HTML5 — это спецификация HTML, она определяет стандарты, которые следует использовать, чтобы сделать страницы совместимыми для всех браузеров.   -  person haynar    schedule 21.09.2012

Ответы (3)


arrow_upward
53
arrow_downward

Были проблемы с использованием кода в ответе, предоставленном @haynar выше (не будет воспроизводиться в Chrome), и кажется, что один из более современных способов убедиться, что он воспроизводится, — это использовать тег видео

Пример:

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

Это сработало как чемпион для моего файла .mov (сгенерированного из Keynote) как в Safari, так и в Chrome, и указано как поддерживаемое в большинстве современных браузеров (тег видео поддерживается в Internet Explorer 9+, Firefox, Opera, Chrome и Safari). .)

Примечание. Будет работать в IE и т. д., если вы используете MP4 (Mov официально не поддерживается этими ребятами)

person BadPirate    schedule 25.09.2013
comment
удивительно просто. Я в шоке, это сработало. Благодарю вас! - person Sam; 14.09.2017

arrow_upward
6
arrow_downward 

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

источник — это первый результат поиска Google

person haynar    schedule 20.09.2012
comment
подумал, что вам может быть интересно прочитать это . - person Polyov; 21.09.2012

arrow_upward
2
arrow_downward

Ну, если вы не хотите делать работу самостоятельно (элементы object на самом деле не так уж и сложны), вы всегда можете использовать плагин Майка Алсупа Media: http://jquery.malsup.com/media/

person Tieson T.    schedule 20.09.2012