Przyznam, że naszukałem się w sieci rozwiązania powszechnego problemu, z jakim borykają się osoby publikujące swoje filmy na stronach WordPressowych przy wykorzystaniu świetnego Flowplayera. Otóż niestety przeglądarka Firefox nie wyświetla takich filmów i choć zastosowałem bodaj wszelkie możliwe modyfikacje, jakie można znaleźć na anglojęzycznych forach dyskusyjnych, to uparta Mozilla dalej odmawiała współpracy.
W sumie można przecież sięgnąć po inne playery (jest masa wtyczek do WP), ale postanowiłem jednak problem rozwiązać. I tu właśnie znalazłem „kombajn” zwany HTML5 Multimedia Framework. Jest to wtyczka do WordPressa, która raz na zawsze pokazuje Mozilli jej miejsce w szeregu – nie będę się zagłębiał w szczegóły techniczne, które nikogo w zasadzie nie interesują. Ważne, że działa i to nawet na starszych wersjach przeglądarek typu Opera/Safari (nie wspominając już nawet o FF).
Wystarczy zainstalować sobie HTML5 Multimedia Framework korzystając z opcji Dodają nową w zakładce Wtyczki w panelu administracyjnym swojego bloga. Wtyczkę należy włączyć oraz zastosować kod, który wklejam poniżej – niestety funkcja [embed] nie działa w przypadku filmów umieszczanych na serwerach S3 Amazon (z niewiadomego dla mnie powodu) i nawet twórca tego pluginu nie publikuje rozwiązania problemu. W każdym innym przypadku można stosować [embed] link do pliku [/embed] – w przypadku filmów mp4 (m4v) muszą one być umieszczone fizycznie pod tą samą domeną co WordPress.
W przypadku plików na S3 Amazon stosujemy następujący kod:
<img src=”https://KATALOG.s3.amazonaws.com/PLIKOBRAZKA” /></p>
<p>Jeśli film się nie wyświetla, możesz go ściągnąć bezpośrednio do swojego komputera.</p>
<p><strong>Ściągnij film:</strong> <a href=”https://KATALOG.s3.amazonaws.com/PLIKFILMU”>FLV</a> </p></video></object>
Do zmiany:
- TWOJADOMENA: domena, pod którą korzystasz z WordPressa
- PLIKOBRAZKA: nazwa pliku twojego filmu, np. film.flv
- PLIKOBRAZKA: plik .jpg lub .png z klatką z filmu
- KATALOG: folder (bucket), jak tworzysz sobie w koncie S3 na Amazonie
W przykładowym kodzie użyłem wymiaru 640×400, ale można zmienić je na dowolnie inne w zależności od rozdzielczości zakodowanego pliku.
Powyższe rozwiązanie ma jedną podstawową wadę: trzeba wyeksportować plik graficzny, żeby wtyczka estetycznie wyświetlała klatkę filmową zamiast czarnego okienka. Na Macu korzystam z QuickTime i funkcji Zachowaj do internetu – plik .jpg tworzy się automatycznie.
Zalety HTML5 Multimedia Framework nie ograniczają się tylko do opisanej funkcji. Przy wykorzystaniu tej wtyczki można stosować też własne java skrypty.
Świetnie, że umieściłeś ten kod do amazona. Pamiętam ile się kiedyś namęczyłem aby dodać filmik do amazona z godzinnym szkoleniem moim. Na szczęście się udało ale na przyszłość nie omieszkam użyć tej pomocy. Wpis przydatny dla osób które umieszczają długie video. Dzięki Jacku. Pozdrawiam .
Tomek Damian http://StronaWtrzyMinuty.pl
To nie mozilla blokuje flow playera tylko wordpressowe blogi. Oglądam flowplayera pod FX, na innych stronach bez problemu. A czemu blokują? Bo wordpress został zaadaptowany, kupiony przez microsoft, a oni już mają inne preferencje biznesowe, niestety