Eszköztár
101 Kezdőlap - Webszerkesztés - JavaScript - webTV
ujdomainek.hu

webTV

Videók a weblapon

Feladat

Készítsen weblapot, melyen összegyűjti és belinkelve bemutatja néhány kedvenc YouTube videóját valamilyen tetszőleges témából válogatva!

Szempontok a megvalósításhoz:

Előfordulhat, hogy bizonyos zeneszámokhoz tartozó videóklipek a zenéhez, vagy kliphez tartozó szerzői jogok miatt nem ágyaz­hatóak be saját weblapunkba. Ez ellen nem tudunk mit tenni, ilyenkor másik videófájlt kell keresni a munkánkhoz.


Tippek a megoldáshoz


1. Hogyan lehet YouTube videót honlapra beilleszteni?

Videót legegyszerűbben beszúrni HTML oldalba az alábbi kód mintájára lehet:

	<iframe width="640" height="360" 
	         src="https://www.youtube.com/embed/a2gdztJU1zY" 
	         frameborder="0" 
	></iframe>

Ez a forráskód-részlet valójában kimásolható a youtube.com oldaláról, ha ott a videóra jobb egérgombal kattintva a Beágyazási kód másolása menüpontot választjuk. A beillesztett kód hatása ekképpen fog mutatkozni a böngészőben:




2. Hogyan lehet több videóból választva kattintással vezérelve indítani?

A vezérlést egészen hasonló módon lehet megoldani, mint ahogyan ez a Hangok című feladatban is szerepel.



E változat forráskódja a következő kis képernyőre kattintva érhető el.


3. Mitől lesz a fenti nyers felület látványos és egyedi?

A kialakítandó lejátszófelület és környezete HTML-lel, CSS-sel és némi fantáziával ugyanúgy dizájnolható és formázható, mint korábban bármilyen weblaptartalom. Egy ilyen megvalósítás látható az oldal folytatásában.




A feladat egy lehetséges megoldása:

Reklámfilmek



Általában nem szeretjük a reklámokat. Unalmasak, fantáziátlanok, tolakodóak, aggresszívek, öndicsérőek, hiteltelenek. Éppen ezért különösen örömteli, amikor mégis látunk egy-egy ötletes, humoros, szívmelengető, akár a zenén keresztül is a pozitív érzelmeket előcsalogató, szórakoztató reklámfilmet. Ezekből látható itt hat, remélhetőleg többekben jó érzéseket keltő alkotás az elmúlt évekből.

Kapcsolja be a tévét, és tekintse meg őket!
(A bemutató a legtöbb mobil eszközökön nem indítható, csak asztali gépen, illetve laptopon.)

előző oldal random oldal következő oldal


2024-12-02 14:05:55 Admin Köszönöm, ha Ön lesz az első, aki megírja ide véleményét, észrevételét, kérdését ezzel a lappal kapcsolatban.




Új hozzászólás:
E-mail cím:


Erre a címre küldjük ki a hozzászólás jóvá- hagyásához szükséges linket. Az e-mail címet sehol nem tesszük közzé.

Név:


Ez a név fog megjelenni az Ön hozzászólásai mellett.

Mennyi tizenhárom + kettő?
Számjegyekkel írja be!



Ez a robotok beírása elleni védelem miatt szükséges ellenőrzés.


© infojegyzet.hu, 2020. március