Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Fajny spobób na wyświetlanie filmu
Pozycjonowanie i Optymalizacja > Projektowanie stron > HTML i CSS
mackingus
Tutaj:
http://pl.www.mozilla.com/pl/firefox/3.5.8/whatsnew/

Przy napisie "Zobacz to!" widać fajny sposób na wyświetlanie filmu (tu z Dailymotion). Konkretnie chodzi mi o to, że mamy miniaturę, a po kliknięciu powiększa się ona, nie mając wpływu na pozostałą treść strony. Jak gdyby ramka z filmem wysuwała się do przodu, na pierwszy plan.

Kto mi powie jak coś takiego zrobić?
lords
pobaw się tym: http://highslide.com/
garyoldman
zwykły lightbox gdzie zamiast zdjęcia masz filmik...
Maximus Marius
to nie jest lightbox tylko <video> </video> a to robi róznicę wink.gif

co do samej metody to FF i chrome wspiera , reszta chyba nie sad.gif
buhabuha
CYTAT(garyoldman @ 19.02.10 - 14:48) *
zwykły lightbox ...

dokładnie.
mi się podoba taka (zintegrowana z wp w tym przypadku) koncepcja prezentacji filmików.

a lightobxa/shadowboxa najprościej zrobić chyba korzystając z gotowców takich jak np jquery + np to (takich skryptów są tysiące)

CYTAT
to nie jest lightbox tylko <video> </video> a to robi róznicę

to jest lightbox (bo taki efekt uzyskujesz) tylko zintegrowany z przeglądarką przy wykorzystaniu src="/js/mozilla-video-tools.js"

CYTAT
co do samej metody to FF i chrome wspiera , reszta chyba nie

explorer tego nie widzi... tym bardziej lepiej zrobić na czymś co zadziała wszędzie.
garyoldman
Ale zamiast nowych niewspieranych tagów można coś takiego osiągnąć za pomocą lightboxa tylko zamiast zdjęcia "powiększyć" <div> z zamieszczonym w środku filmem...
mackingus
Ok, a może ktoś to wytłumaczyć tak bardziej łopatologicznie? Bo nie jestem zbyt dobry w te klocki smile.gif
garyoldman
Możesz użyć tego co wskazał Ci lords takiego skryptu. Tylko tam sobie podmienisz <img src="..." alt="" /> na <object>....</object> czy tam <embed />, teoretycznie powinno zadziałać, praktycznie nie testowałem...
mackingus
A da się to wrzucić w WordPress'a?


EDIT:
A praktycznie podmienienie <img> na <object> lub <embed> ani jakikolwiek mix nie działa za bardzo. Film z YouTube pozostaje odnośnikiem sam dla siebie.
Przydałoby się coś, co dawałoby zrzut jakiejś jednej klatki filmu ze znakiem "play" na wierzchu...
buhabuha
googluj: "wordpress lightbox plugin"
Maximus Marius
wlasnie po to rozwija sie język html aby nie stosować jakiś tam pluginów wink.gif
aby było to niezależne od platformy i przeglądarki
w suma zawsze powiedzieć " aby działało!"
garyoldman
CYTAT(mackingus @ 19.02.10 - 15:38) *
EDIT:
A praktycznie podmienienie <img> na <object> lub <embed> ani jakikolwiek mix nie działa za bardzo. Film z YouTube pozostaje odnośnikiem sam dla siebie.
Przydałoby się coś, co dawałoby zrzut jakiejś jednej klatki filmu ze znakiem "play" na wierzchu...


:)nie rozumiem za bardzo o co chodzi... a normalnie jak wstawiasz film youtube na stronę? wklejasz kod <object> i działa... tutaj nie powinno być jakiś problemów a z tym screenem i play na wierzchu przecież to podstawowa funkcjonalność takich playerków... albo ewentualnie czarny ekran.

Maximus Marius tak masz rację dobrze że wprowadzają bo ma to nam ułatwić pracę, ale jak to z takimi "nowościami" bywa przeglądarki i tak nie obsługują tego w dużej części. Wprowadzają nowe CSS 3 nowy XHTML 2.0 ale zanim to się rozpowszechni (sam wiesz jak rynek przeglądarek wygląda) to minie z dwa lata co najmniej więc nie widzę sensu stosowania teraz takich znaczników. Zaproponowałem rozwiązanie, które ruszy na prawie każdej przeglądarce.

EDYTA:
literówka
Maximus Marius
watek chyba miał dotyczyć konkretnego rozwiązania , zaproponowanego przez autora wątku. chciał wiedzeić co to jest
a ze padła błędna odpowiedz to pozwoliłem sie wtracic

w sumie ból to jest bo tak naprawdę wprowadzanie nowości idzie jak krew z nosa
mackingus
CYTAT(garyoldman @ 19.02.10 - 23:04) *
CYTAT(mackingus @ 19.02.10 - 15:38) *
EDIT:
A praktycznie podmienienie <img> na <object> lub <embed> ani jakikolwiek mix nie działa za bardzo. Film z YouTube pozostaje odnośnikiem sam dla siebie.
Przydałoby się coś, co dawałoby zrzut jakiejś jednej klatki filmu ze znakiem "play" na wierzchu...


:)nie rozumiem za bardzo o co chodzi... a normalnie jak wstawiasz film youtube na stronę? wklejasz kod <object> i działa... tutaj nie powinno być jakiś problemów a z tym screenem i play na wierzchu przecież to podstawowa funkcjonalność takich playerków... albo ewentualnie czarny ekran.



Napisałeś żebym podmienił <img> na <object> (w sensie ten kod który się daje, żeby film na stronę wstawić), ale wtedy ten film się normalnie wyświetla, tak jakby nie było tego lightboxa. Próbowałem różnych kombinacji - raz jeden kawałek kodu dawanego przez YouTube, raz inny, albo całość - ale nic nie daje.
Dodatkowo w ten sposób ten film jak to film z YT jest sam w sobie linkiem do YT i klik w niego nie włącza funkcji lightbox... Chyba, że coś robię źle?

Mam nadzieję, że teraz bardziej klarownie się wyraziłem wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2012 Invision Power Services, Inc.