[R.....x]

Skrypt JS na responsywne okienko wideo ;)

https://dollarshaveclub.github.io/reframe.js/

Ale fajne ᶘᵒᴥᵒᶅ

A jakie małe!


#webdev #frontend

[Greg36]

@Rezix: Osobiście zwykle używałem tego http://fitvidsjs.com/ ~80 linijek.

[Defekt]

@Greg36: + całe jQuery

[Greg36]

@Defekt: Sam staram się rzadko używać jQuery ale te 85KB używa się do "czegoś" w 80% obecnych projektów a i tak pewnie większość użytkowników będzie miała to już w cashu z CDN.

Zwykle jak spotykam się z tym że ktoś kto krzyczy że $ jest złe bo to kolejny request itd. ma stronę z 100+ requestemi i 9MB zawartości :/

[epi]

@Rezix: przecież tu wystarczy czysty css ;)

http://stackoverflow.com/questions/15844500/shrink-a-youtube-video-to-responsive-width
https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

[R.....x]

@epi: Web-Developerka chyba nigdy nie przestanie mnie zaskakiwać :D

[Defekt]

@epi: Jeśli dobrze rozumiem to skrypt bierze pod uwagę faktyczne proporcje filmiku. W cssie możesz ustawić na sztywno np. padding-bottom: 56.25% dla 16:9, ale jak ktoś wstawi film w 4:3 to kontener nadal będzie 16:9.

[epi]

@Defekt: jak zamierzasz na swoja strone wstawiac film w roznych proporcjach to musisz sobie przygotowac dla nich odpowiednie klasy i tyle ;)

[Defekt]

@epi: Chyba, że nie masz za bardzo wpływu na to co ludzie będą wrzucali na tę stronę i trudno to przewidzieć. Anyway i tak ogromna większość filmów jest w 16:9, więc to niewielkie zmartwienie.