2012-09-20 10 views
16

Jaki jest prawidłowy sposób dodania pliku .mov do strony internetowej?Jak osadzić plik .mov w HTML?

Dodaję tę funkcjonalność do istniejącego pliku, więc nie mogę go przekonwertować na HTML5. Plik znajduje się na tym samym serwerze o rozmiarze 1G.

Klient także nie chce korzystać z serwisu YouTube lub Vimeo, tak jak na stronie głównej.

+8

przy okazji .. . HTML5 nie jest formatem pliku multimedialnego i nie można przekonwertować pliku na HTML5. HTML5 jest specyfikacją HTML, definiuje standardy, które powinny być używane, aby strony były kompatybilne dla wszystkich przeglądarek – haynar

Odpowiedz

29

miał problemy przy użyciu kodu z odpowiedzi udzielonej przez @haynar powyżej (nie będzie grać na Chrome) i wydaje się, że jednym z bardziej nowoczesnych sposobów zapewnienia, że ​​gra jest użycie video tag

Przykład:

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

To działało jak mistrz na mój plik .mov (generowane z Keynote) zarówno w Safari i Chrome, i jest wymieniony jako obsługiwany w większości nowoczesnych przeglądarek (Tag wideo jest obsługiwana w Internecie Explorer 9+, Firefox, Opera, Chrome i Safari)

. Uwaga: będzie pracować w IE/etc .. jeśli używasz MP4 (MOV nie jest oficjalnie wspierany przez tych facetów)

+0

zaskakująco proste. Jestem zszokowany, że to zadziałało. Dziękuję Ci! – Sam

+0

Działa to tylko w Safari –

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

source jest pierwszym search result z Google

+2

, które mogą Cię zainteresować w czytaniu [this] (http://meta.stackexchange.com/questions/15650/ban -lmgtfy-let-me-google-that-for-you-links). – Polyov

2

dobrze, jeśli nie chcesz zrobić samemu (object elementy są naprawdę nie takie trudne), zawsze można użyć Mike Alsup użytkownika wtyczka media: http://jquery.malsup.com/media/