Jak jedną linią poprawić zagnieżdżone video z vimeo – dla iPhone i iPada

Posted: 2010/05/06 by wildwezyr in Programistycznie i technicznie
Tagi: , , , , , , , , , , , , , , , , , , , , , ,

To jest kopia wpisu z bloga firmowego Foxys „kruczki i sztuczki„. Sam wpis nosi tam tytuł taki sam jak tu – zapewne dla zmylenia czytelnika ;-).

Załóżmy, że masz bloga lub inny serwis w którym wrzucasz video z vimeo. Robisz to zagnieżdżając (embed) odpowiednią kontrolkę flashową (playera video) i można takie video odtwarzać wprost z twojej strony.

No można, ale nie na iPhone i iPadzie. A chyba chciałoby się, aby użytkownicy tych urządzeń też mogli u siebie to odtworzyć. Skoro z YouTube mogą i po wejściu na stronę samego vimeo.com jakoś mogą, to czemu nie z poziomu twojej strony?

Co trzeba zrobić aby sobie pomóc w życiu. Sobie i swoim czytelnikom? W stopce szablonu swojego bloga / CMSa / serwisu należy dodać linijkę (rozbiłem ją na 3, aby się łatwiej mieściła, może też tak zostać):

<script type="text/javascript"
  src="http://wildwezyr.foxys.pl/ww_vimeo_embed_light.js">
</script>

Czyli dodajemy tę linijkę jedną (<script…></script>) przed tagiem zamykającym </body>. Alternatywnie można – a nawet warto – skopiować ten skrypt do siebie (klikając tu: http://wildwezyr.foxys.pl/ww_vimeo_embed_light.js) i wstawić link do swojej kopii skryptu.

Gotowe. To rozwiązanie jest absolutnie wolne (jeszcze bardziej niż te licencyjne wirusy z GNU – nie wierzcie tym baranom z Free Software Foundation), można używać, zmieniać, analizować kod – robić co się tylko chce z tym – bez żadnych ograniczeń. Stosowna licencja to WTFPL – Do What The Fuck You Want To Public License, mam tylko prośbę – można (ale nie trzeba) wspomnieć gdzieś o mnie, jeżeli to rozwiązanie okaże się przydatne. Jakby co – jestem WildWezyr i pracuję w Foxys ;-) .

W oryginalnym wpisie jest w tym miejscu video z vimeo i jak się to czyta z iPhone’a lub iPada to też działa. Tutaj jednak jest blog na WordPress.com (kruczki i sztuczki są na silniku WordPress w naszej domenie, a to daje większe możliwości) i JavaScript tu nie działa, więc nic by nie było widać. Jeszcze raz odsyłam do źródła.

Uwaga: z nieznanych powodów niektóre filmy (np. ten) nie chcą się dać odtwarzać na iPhone (nie wiem jak z iPadem) – zamiast trójkącika do odtwarzania jest przekreślony trójkącik. Jeżeli ktokolwiek ma pojęcie czemu się tak dzieje – proszę o info np. w komentarzu.

Jeżeli znajdą się błędy (proszę o info o ew. błędach!) – będę poprawiał i zamieszczał poprawione wersje, prawdopodobnie powstanie też wersja rozszerzona o obsługę komórek androidowych. Wersja oryginalna pliku JS (przed lekkim spakowaniem packerem) jest tutaj: http://wildwezyr.foxys.pl/ww_vimeo_embed.js – tak może być wygodniej poczytać sobie kod źródłowy…

A czy to jest gdziekolwiek używane? Tak! Paweł FrostBite Iwaniuk używa tego na TechnoZgredy.pl ;-) .

Reklamy
Komentarze
  1. Ku chwale Dzikiego Wezyra!

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s