Zamieszczanie plików MOV na stronach internetowych HTML5

Question

Dzień dobry,

Mam problem. Otóż korzystam z iMovie do montażu filmów. Jest ono dość nieprzewidywalne - raz zapisze mi film jako MP4, a raz jako MOV.

Oprócz tego tworzę także stronę internetową, na której zamieszczam własne filmiki. Używam do tego znaczników <video>, ponieważ wszystkie inne, jakie znalazłem, niekontrolowanie odtwarzają mi film albo po prostu nie działają. Dotąd zamieszczałem tylko MP4 i wszystko działało we wszystkich przeglądarkach, ale jak już wspomniałem, iMovie wygenerowało mi tym razem MOVa. I próbuję go zamieścić w ten sam sposób, ale jest pewien problem. Safari wszystko mi odtwarza poprawnie, ale Google Chrome nie. To znaczy dźwięk się odtwarzał, ale miejsce wyznaczone na film było po prostu koloru tła - obrazu w wideo było brak. Mój kod był taki:

<video width="800" controls>
<source src="[nazwa_pliku].mov" type="video/mp4"></source>
</video>

Potem zorientowałem się, że zapowiadam, że to będzie MP4, a daję MOVa. Więc to poprawiłem i napisałem:

<video width="800" controls>
<source src="[nazwa_pliku].mov" type="video/mov"></source>
</video>

No to teraz w ogóle nie można było odtworzyć ani w Safari, ani w Chromie. Ani dźwięku, ani obrazu. Więc zmieniłem rozszerzenie tego pliku na .mp4 i testowo puściłem to bez Internetu. Normalnie, QT Playerem na kompie. I wszystko działało - zmiana rozszerzenia jakoś dużo nie zmieniła, w zasadzie to tylko nazwę. Więc zmieniłem kod na:

<video width="800" controls>
<source src="[nazwa_pliku].mp4" type="video/mp4"></source>
</video>

Ale znowu to samo - Safari - OK, Chrome (dźwięk) - OK, Chrome (obraz) - no,...

Nie wiem - albo coś źle robię, albo trzeba jakiejś wtyczki czy coś... Błagam, oświedźcie mnie. Z góry dziękuję za odpowiedź.

Answer 1

Prawdopodobnie musiałbyś określić odpowiednie kodeki, żeby w Chrome ruszyło.

Podstawowa zasada brzmi: tylko WebM + MP4 dla Safari/Edge'a. Jak masz w innym formacie, to najlepiej przekonwertować – jedyny sensowny sposób.

Comments

Czy mógłbyś wyjaśnić bardziej? Jakie kodeki? Poza tym konwertowałem, W SAFARI WSZYSTKO DZIAŁAŁO MOV RÓWNIEŻ. Mówię, że w Chromie mi nie działało, nawet jak przekonwertowałem (zmieniłem rozszerzenie) na MP4, piszę o tym wyraźnie. A co to są te kodeki, tego nie wiem...

---

Jakie kodeki?

MOV czy MP4 to tak po prawdzie "kontener" na dwie ścieżki: audio i video. Te ścieżki są zapisywane właśnie przy pomocy tzw. kodeków. Zarówno MOV, jak i MP4, w swoim wnętrzu mogą zawierać ścieżki zapisane przy pomocy wielu różnych kodeków. Stąd czasami zachodzi potrzeba ich podania. Lista obsługiwanych formatów jest długa i skomplikowana, więc wypada założyć, że MOV nie jest obsługiwane – zatem potrzebujesz pliku w formatach WebM i MP4. Konwersji najlepiej dokonać przy pomocy narzędzia ffmpeg, które jest de facto standardem jeśli chodzi o konwertowanie.

---

Dzięki! Skorzystałem z HandBrake'a, ale bez Twojego naprowadzenia by się nie udało.