Jak zamieścić film z Instagram na dowolnej stronie
W odpowiedzi na Twitterowy Vine parę dni temu Facebook wypuścił uaktualnienie Instagrama, które również pozwala na nagrywanie krótkich filmów (maksymalnie 15-sekundowych). I chociaż ten drugi pozwala zawrzeć w sobie więcej treści, to jednak nie jest na razie przyjazny jeśli chodzi o zamieszczanie nagranych filmów na dowolnej stronie. Całe szczęście wystarczy trochę poszukać i znajdzie się na to sposób.
Zaraz po wprowadzeniu możliwości nagrywania filmów w Instagramie, komputerowi „szperacze” zaczęli szukać możliwości, jak wyciągać te filmy i umieszczać je w dowolnym miejscu na stronie. Jak grzyby po deszczu zaczęły pojawiać się strony, które oferują wykonanie takiej czynności, a w zamian oddają kawałek kodu, który należy wstawić na stronę. Jedną z nich jest instaembed.com. Wystarczy do niej wkleić link do wideo na Instagramie, a w rezultacie otrzymujemy wspomniany kod. Dla przykładu weźmy mój film (w roli głównej z Darthem Vaderem zaprojektowanym w aplikacji Foldify), który można odnaleźć pod adresem: instagram.com/p/a6h_d2knEQ/. Dany link należy wkleić na stronie instaembed.com, a następnie zatwierdzić klikając na przycisk Generate Embed Code. W rezultacie otrzymamy poniższy kod:
<video controls="controls" poster="http://distilleryimage4.ak.instagram.com/c167b2c2dc4111e2b95b22000a1fab39_7.jpg" width="640" height="640">
<source src="http://distilleryvesper4-12.ak.instagram.com/c167b2c2dc4111e2b95b22000a1fab39_101.mp4" type="video/mp4" />
<img alt="" src="http://distilleryimage4.ak.instagram.com/c167b2c2dc4111e2b95b22000a1fab39_7.jpg" width="640" height="640" title="No video playback capabilities" />
</video>
<p>
<a href="http://www.instaembed.com">Embed Your Own Instagram Videos</a>
</p>
Po wstawieniu go na stronę otrzymamy poniższy rezultat:
Embed Your Own Instagram Videos
Powyższy kod będzie prawidłowo działał we wszystkich przeglądarkach obsługujących wideo zakodowane w H.264 w HTML5.
A jeśli nie ufacie takim stronom, jak powyższe, to zawsze można samemu wyciągnąć i zbudować niezbędny kod. Wystarczy, że na stronie Instagramu z naszym wideo klikniemy prawym przyciskiem myszy i wybierzemy Skontroluj element (w Safari) lub Zbadaj element (w Chrome). Tam odszukujemy w kodzie linijki z linkiem rozpoczynającym się distilleryvesper z rozszerzeniem mp4 (znajdziemy go w divie, którego class=Video). To jest nasze wideo. Aby mieć do niego dodatkowo okładkę, szukamy kolejnego linku rozpoczynającego się również od distilleryimage, zakończonego rozszerzeniem jpg. Oba linki możemy podstawić ręcznie do powyższego i będziemy mogli zamieścić już nasze wideo (którego rozmiary będą miały 640 × 640 px).
Źródło: Mashable
Maciej Skrzypczak
Użytkownik sprzętu z nadgryzionym jabłkiem, grafik komputerowy, Redaktor iMagazine.pl. Mastodon: mcskrzypczak@c.im