HTML-szerkesztés kezdőknek!!!
-
#6998
1. A videókat konvertáld FLV formátumúra - a Flashben készült lejátszók jobban komálják.
2. Mivel a Flashben készült médialejátszókat leghatékonyabban SWFObjecttel tudod betölteni (ami egy JS függvénykönyvtár), ebből következőleg a linkre való kattintás feldolgozását és a videólejátszó megjelenítését Javascripttel ajánlatos megtenni.
3. Tegyük fel az alábbi oldalszerkezetet:
<div id="menubar">
<ul>
<li><a href="elso.flv" id="vid1">Első videó</a></li>
<li><a href="masodik.flv" id="vid2">Második videó</a></li>
<li><a href="harmadik.flv" id="vid3">Harmadik videó</a></li>
</ul>
</div>
<div id="content">
<h1>Helló, szia, szevasz, van nálatok terasz?</h1>
<div id="videjo"></div>
</div>
A "menubar" azonosítójú blokkban helyezkedik el a menü, aminek elemeire kattintva jönnek be a videók.
A "content" azonosítójú blokkban helyezkedik el a lényeges tartalom, például a "videjo" azonosítójú blokk, ahova a videó fog megjelenni.A két blokk CSS-sel egymás mellé van "lebegtetve" - de ez most a példa szempontjából lényegtelen.
Tegyük fel továbbá, hogy a JW FLV Media Playert használjuk,a betöltéshez meg SWFObjectet.
Ez esetben a Javascript kód a következőképpen nézne ki:
<script type='text/javascript'>
function loadvid() {
var s1 = new SWFObject('player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file='+this.href);
s1.write('videjo');
return false;
}
document.getElementById('vid1').onclick = loadvid;
document.getElementById('vid2').onclick = loadvid;
document.getElementById('vid3').onclick = loadvid;
</script>
Mi történik? Amikor bármelyik azonosítóval (vid1, vid2, vid3) ellátott linkre kattintunk (onclick esemény megtörténik), akkor meghívódik a loadvid függvény, ami betölti a link href attribútumában szereplő videót az SWFObject segítségével a videjo azonosítójú blokkba megnyíló médialejátszóba. Hogy a link ne az állomány letöltésével végződjön a függvény végén visszatérési értéknek false-ot állítunk be.
Kb. így kéne mennie.