Mb YTPlayer ve Github'un geliştirdiği birşey. Bunla ilgili yapılmış bir kaç jQuery scripti var.
Ufak bir şey yapacağımız için, jQuery'e ihtiyacımız olmayacaktır. Öncelikle index.html'i paylaşalım.
WMAraci.com - Background Video (Javascript)
<script></script>
<script>
var s1 = new SWFObject("player.swf","ply","100%","100%","9","#000");
s1.addParam("allowfullscreen","true");
s1.addParam("allowscriptaccess","always");
s1.addParam("wmode","opaque");
s1.addParam("scale","noborder");
s1.addParam("align","lt");
s1.addParam("flashvars","autostart=true&stretching=fill&controlbar=none&icons=none&file=ask.flv");
s1.write("-----BG");
</script>
index.html içerisine baktığımız da bir tane swfobject.js dosyasına intiyacımız var. Aşağıda paylaştım.
/**
* SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
*
* SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
*/
if(typeof deconcept=="undefined"){var deconcept=new Object();}if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a){if(!document.getElementById){return;}this.DETECT_KEY=_a?_a:"detectflash";this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new Object();this.attributes=new Array();if(_1){this.setAttribute("swf",_1);}if(id){this.setAttribute("id",id);}if(w){this.setAttribute("width",w);}if(h){this.setAttribute("height",h);}if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();if(!window.opera&&document.all&&this.installedVer.major>7){deconcept.SWFObject.doPrepUnload=true;}if(c){this.addParam("bgcolor",c);}var q=_7?_7:"high";this.addParam("quality",q);this.setAttribute("useExpressInstall",false);this.setAttribute("doExpressInstall",false);var _c=(_8)?_8:window.location;this.setAttribute("xiRedirectUrl",_c);this.setAttribute("redirectUrl","");if(_9){this.setAttribute("redirectUrl",_9);}};deconcept.SWFObject.prototype={useExpressInstall:function(_d){this.xiSWFPath=!_d?"expressinstall.swf":_d;this.setAttribute("useExpressInstall",true);},setAttribute:function(_e,_f){this.attributes[_e]=_f;},getAttribute:function(_10){return this.attributes[_10];},addParam:function(_11,_12){this.params[_11]=_12;},getParams:function(){return this.params;},addVariable:function(_13,_14){this.variables[_13]=_14;},getVariable:function(_15){return this.variables[_15];},getVariables:function(){return this.variables;},getVariablePairs:function(){var _16=new Array();var key;var _18=this.getVariables();for(key in _18){_16[_16.length]=key+"="+_18[key];}return _16;},getSWFHTML:function(){var _19="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");this.setAttribute("swf",this.xiSWFPath);}_19="
swfobject.js dosyasınıda yukarıda verdik. Şimdi gelelim CSS'mizde gördünüz gibi öyle bir background resmi var. Bu video'nuzun televizyon gibi kare görünmesini sağlayacaktır. Resme buradan ulaşabilirsiniz.
Son olarak flv videonuzu oynatabilmek için player.swf gerekli. Aşağıda paylaştım.
Player swf indir
Yapmış olduğumuz işlemleri Dosya/Farklı Kaydet seçeneklerini kullanarak kaydediniz.
Editlemeniz gereken alanlar aşağıda verdim.
embed kodunun içerisinde ki aşağıdaki satır;
flashvars="autostart=true&stretching=fill&controlbar=none&icons=none&file=wm.flv"
ve çağırdığımız javascriptimizdeki şu satır; (index.html'in altındaki javascript kodları)
s1.addParam("flashvars","autostart=true&stretching=fill&controlbar=none&icons=none&file=wm.flv");
Video'yuda kendinize göre değiştirebilirsiniz. yalnız .flv uzantısı olacaktır. Index.html içerisindeki file=wm.flv'i istediğiniz video ismine göre değişebilirsiniz.
Saygilarimla,
Faydalandığım Kaynak: khazadum
Yazar: Osman Aydın