Solved

video embed

Posted on 2008-10-18
14
1,586 Views
Last Modified: 2012-05-05
till now i used only youtube because i was told that its good for the google ranking...
is it true?

i don't like youtube very much because i have to place 4 videos on my page and youtube
realy slow thing down...i need some thing that will work like tumbnails -means that when the page
will be loading there will be loading only an image and when\if the user will click on this image, the real embed will replace the image...

may be you can tell me how i can do it with youtube...
*there will be a gif exactly in the shape of the youtube embed...and when user will click this
gif, a youtube video will apear loading...

p.s Heeeelp:)
0
Comment
Question by:Sasha-N
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 6
14 Comments
 
LVL 16

Expert Comment

by:sh0e
ID: 22751163
To get the thumbnails, just use this URL (replace [Insert video ID here] with the video's ID):
http://img.youtube.com/vi/[Insert video ID here]/2.jpg
0
 
LVL 16

Expert Comment

by:sh0e
ID: 22751215

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
 
function insertEmbed(){
	var vid=this.id;
	var embedyt='<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/'+vid+'&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/'+vid+'&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>';
	$(this).html(embedyt);
	$(this).unbind('click',insertEmbed);
}
function insertThumb(){
	var vid=this.id;
	var thumbyt='<img src="http://img.youtube.com/vi/'+vid+'/2.jpg"/>';
	$(this).html(thumbyt);
}
$(document).ready(function(){
	$('.youtube').each(insertThumb);
	$('.youtube').click(insertEmbed);
});
</script>
<div id="Lu94JtqP28A" class="youtube">Loading...</div>
<div id="e5Dvw51Rufk" class="youtube">Loading...</div>
<div id="Rpas0QjKY_A" class="youtube">Loading...</div>

Open in new window

0
 

Author Comment

by:Sasha-N
ID: 22751227
i am not sure how to use it with my script...can you help me here please:)

/*!	SWFObject v2.0 rc3 <http://code.google.com/p/swfobject/>
	Copyright (c) 2007 Geoff Stearns, Michael Williams, and Bobby van der Sluis
	This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
 
var swfobject = function() {
	
	var UNDEF = "undefined",
		OBJECT = "object",
		CSS_VISIBLE = "visibility:visible",
		CSS_HIDDEN = "visibility:hidden",
		SHOCKWAVE_FLASH = "Shockwave Flash",
		SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
		FLASH_MIME_TYPE = "application/x-shockwave-flash",
		EXPRESS_INSTALL_ID = "SWFObjectExprInst",
	
		domLoadFnArr = [],
		regObjArr = [],
		timer = null,
		storedAltContent = null,
		isDomLoaded = false,
		isExpressInstallActive = false;
	
	/* Centralized function for browser feature detection
		- Proprietary feature detection (conditional compiling) is used to detect Internet Explorer's features
		- User agent string detection is only used when no alternative is possible
		- Is executed directly for optimal performance
	*/	
	var ua = function() {
		var w3cdom = typeof document.getElementById != UNDEF && typeof document.getElementsByTagName != UNDEF && typeof document.createElement != UNDEF && typeof document.appendChild != UNDEF && typeof document.replaceChild != UNDEF && typeof document.removeChild != UNDEF && typeof document.cloneNode != UNDEF,
			playerVersion = [0,0,0],
			d = null;
		if (typeof navigator.plugins != UNDEF && typeof navigator.plugins[SHOCKWAVE_FLASH] == OBJECT) {
			d = navigator.plugins[SHOCKWAVE_FLASH].description;
			if (d) {
				d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
				playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
				playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
				playerVersion[2] = /r/.test(d) ? parseInt(d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
			}
		}
		else if (typeof window.ActiveXObject != UNDEF) {
			var a = null, fp6Crash = false;
			try {
				a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".7");
			}
			catch(e) {
				try { 
					a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".6");
					playerVersion = [6,0,21];
					a.AllowScriptAccess = "always";  // Introduced in fp6.0.47
				}
				catch(e) {
					if (playerVersion[0] == 6) {
						fp6Crash = true;
					}
				}
				if (!fp6Crash) {
					try {
						a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
					}
					catch(e) {}
				}
			}
			if (!fp6Crash && a) { // a will return null when ActiveX is disabled
				try {
					d = a.GetVariable("$version");  // Will crash fp6.0.21/23/29
					if (d) {
						d = d.split(" ")[1].split(",");
						playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
					}
				}
				catch(e) {}
			}
		}
		var u = navigator.userAgent.toLowerCase(),
			p = navigator.platform.toLowerCase(),
			webkit = /webkit/.test(u),
			webkitVersion = webkit ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : 0,
			ie = false,
			win = p ? /win/.test(p) : /win/.test(u),
			mac = p ? /mac/.test(p) : /mac/.test(u);
		/*@cc_on
			ie = true;
			@if (@_win32)
				win = true;
			@elif (@_mac)
				mac = true;
			@end
		@*/
		return { w3cdom:w3cdom, playerVersion:playerVersion, webkit:webkit, webkitVersion:webkitVersion, ie:ie, win:win, mac:mac };
	}();
		
	/* Cross-browser onDomLoad
		- Based on Dean Edwards' solution: http://dean.edwards.name/weblog/2006/06/again/
		- Will fire an event as soon as the DOM of a page is loaded (supported by Gecko based browsers - like Firefox -, IE, Opera9+, Safari)
	*/ 
	var onDomLoad = function() {
		if (!ua.w3cdom) {
			return;
		}
		addDomLoadEvent(main);
		if (ua.ie && ua.win) {
			try {  // Avoid a possible Operation Aborted error
				document.write("<scr" + "ipt id=__ie_ondomload defer=true src=//:></scr" + "ipt>"); // String is split into pieces to avoid Norton AV to add code that can cause errors 
				var s = document.getElementById("__ie_ondomload");
				if (s) {
					s.onreadystatechange = function() {
						if (this.readyState == "complete") {
							this.parentNode.removeChild(this);
							callDomLoadFunctions();
						}
					};
				}
			}
			catch(e) {}
		}
		if (ua.webkit && typeof document.readyState != UNDEF) {
			timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { callDomLoadFunctions(); }}, 10);
		}
		if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("DOMContentLoaded", callDomLoadFunctions, null);
		}
		addLoadEvent(callDomLoadFunctions);
	}();
	
	function callDomLoadFunctions() {
		if (isDomLoaded) {
			return;
		}
		if (ua.ie && ua.win) { // Test if we can really add elements to the DOM; we don't want to fire it too early
			var s = document.createElement("span");
			try { // Avoid a possible Operation Aborted error
				var t = document.getElementsByTagName("body")[0].appendChild(s);
				t.parentNode.removeChild(t);
			}
			catch (e) {
				return;
			}
		}
		isDomLoaded = true;
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
		var dl = domLoadFnArr.length;
		for (var i = 0; i < dl; i++) {
			domLoadFnArr[i]();
		}
	}
	
	function addDomLoadEvent(fn) {
		if (isDomLoaded) {
			fn();
		}
		else { 
			domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
		}
	}
	
	/* Cross-browser onload
		- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
		- Will fire an event as soon as a web page including all of its assets are loaded 
	 */
	function addLoadEvent(fn) {
		if (typeof window.addEventListener != UNDEF) {
			window.addEventListener("load", fn, false);
		}
		else if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("load", fn, false);
		}
		else if (typeof window.attachEvent != UNDEF) {
			window.attachEvent("onload", fn);
		}
		else if (typeof window.onload == "function") {
			var fnOld = window.onload;
			window.onload = function() {
				fnOld();
				fn();
			};
		}
		else {
			window.onload = fn;
		}
	}
	
	/* Main function
		- Will preferably execute onDomLoad, otherwise onload (as a fallback)
	*/
	function main() { // Static publishing only
		var rl = regObjArr.length;
		for (var i = 0; i < rl; i++) { // For each registered object element
			var id = regObjArr[i].id;
			if (ua.playerVersion[0] > 0) { // If no fp is installed, we let the object element do its job (show alternative content)
				var obj = document.getElementById(id);
				if (obj) {
					regObjArr[i].width = obj.getAttribute("width") ? obj.getAttribute("width") : "0";
					regObjArr[i].height = obj.getAttribute("height") ? obj.getAttribute("height") : "0";
					if (hasPlayerVersion(regObjArr[i].swfVersion)) { // Flash plug-in version >= Flash content version: Houston, we have a match!
						if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements
							fixParams(obj);
						}
					}
					else if (regObjArr[i].expressInstall && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) { // Show the Adobe Express Install dialog if set by the web page author and if supported (fp6.0.65+ on Win/Mac OS only)
						showExpressInstall(regObjArr[i]);
					}
					else { // Flash plug-in and Flash content version mismatch: display alternative content instead of Flash content
						displayAltContent(obj);
					}
				}
			}
			createCSS("#" + id, CSS_VISIBLE);
		}
	}
	
	/* Fix nested param elements, which are ignored by older webkit engines
		- This includes Safari up to and including version 1.2.2 on Mac OS 10.3
		- Fall back to the proprietary embed element
	*/
	function fixParams(obj) {
		var nestedObj = obj.getElementsByTagName(OBJECT)[0];
		if (nestedObj) {
			var e = document.createElement("embed"), a = nestedObj.attributes;
			if (a) {
				var al = a.length;
				for (var i = 0; i < al; i++) {
					if (a[i].nodeName.toLowerCase() == "data") {
						e.setAttribute("src", a[i].nodeValue);
					}
					else {
						e.setAttribute(a[i].nodeName, a[i].nodeValue);
					}
				}
			}
			var c = nestedObj.childNodes;
			if (c) {
				var cl = c.length;
				for (var j = 0; j < cl; j++) {
					if (c[j].nodeType == 1 && c[j].nodeName.toLowerCase() == "param") {
						e.setAttribute(c[j].getAttribute("name"), c[j].getAttribute("value"));
					}
				}
			}
			obj.parentNode.replaceChild(e, obj);
		}
	}
	
	/* Fix hanging audio/video threads and force open sockets and NetConnections to disconnect
		- Occurs when unloading a web page in IE using fp8+ and innerHTML/outerHTML
		- Dynamic publishing only
	*/
	function fixObjectLeaks(id) {
		if (ua.ie && ua.win && hasPlayerVersion([8,0,0])) {
			window.attachEvent("onunload", function () {
				var obj = document.getElementById(id);
				for (var i in obj) {
					if (typeof obj[i] == "function") {
						obj[i] = function() {};
					}
				}
				obj.parentNode.removeChild(obj);
			});
		}
	}
	
	/* Show the Adobe Express Install dialog
		- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
	*/
	function showExpressInstall(regObj) {
		isExpressInstallActive = true;
		var obj = document.getElementById(regObj.id);
		if (obj) {
			if (regObj.altContentId) {
				var ac = document.getElementById(regObj.altContentId);
				if (ac) {
					storedAltContent = ac;
				}
			}
			else {
				storedAltContent = abstractAltContent(obj);
			}
			if (!(/%$/.test(regObj.width)) && parseInt(regObj.width, 10) < 310) {
				regObj.width = "310";
			}
			if (!(/%$/.test(regObj.height)) && parseInt(regObj.height, 10) < 137) {
				regObj.height = "137";
			}
			document.title = document.title.slice(0, 47) + " - Flash Player Installation";
			var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
				dt = document.title,
				fv = "MMredirectURL=" + window.location + "&MMplayerType=" + pt + "&MMdoctitle=" + dt,
				replaceId = regObj.id;
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			if (ua.ie && ua.win && obj.readyState != 4) {
				var newObj = document.createElement("div");
				replaceId += "SWFObjectNew";
				newObj.setAttribute("id", replaceId);
				obj.parentNode.insertBefore(newObj, obj); // Insert placeholder div that will be replaced by the object element that loads expressinstall.swf
				obj.style.display = "none";
				window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
			}
			createSWF({ data:regObj.expressInstall, id:EXPRESS_INSTALL_ID, width:regObj.width, height:regObj.height }, { flashvars:fv }, replaceId);
		}
	}
	
	/* Functions to abstract and display alternative content
	*/
	function displayAltContent(obj) {
		if (ua.ie && ua.win && obj.readyState != 4) {
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			var el = document.createElement("div");
			obj.parentNode.insertBefore(el, obj); // Insert placeholder div that will be replaced by the alternative content
			el.parentNode.replaceChild(abstractAltContent(obj), el);
			obj.style.display = "none";
			window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
		}
		else {
			obj.parentNode.replaceChild(abstractAltContent(obj), obj);
		}
	}	
 
	function abstractAltContent(obj) {
		var ac = document.createElement("div");
		if (ua.win && ua.ie) {
			ac.innerHTML = obj.innerHTML;
		}
		else {
			var nestedObj = obj.getElementsByTagName(OBJECT)[0];
			if (nestedObj) {
				var c = nestedObj.childNodes;
				if (c) {
					var cl = c.length;
					for (var i = 0; i < cl; i++) {
						if (!(c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param") && !(c[i].nodeType == 8)) {
							ac.appendChild(c[i].cloneNode(true));
						}
					}
				}
			}
		}
		return ac;
	}
	
	/* Cross-browser dynamic SWF creation
	*/
	function createSWF(attObj, parObj, id) {
		var r, el = document.getElementById(id);
		if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
			attObj.id = id;
		}
		if (ua.ie && ua.win) { // IE, the object element and W3C DOM methods do not combine: fall back to outerHTML
			var att = "";
			for (var i in attObj) {
				if (attObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries, like Object.prototype.toJSONString = function() {}
					if (i == "data") {
						parObj.movie = attObj[i];
					}
					else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						att += ' class="' + attObj[i] + '"';
					}
					else if (i != "classid") {
						att += ' ' + i + '="' + attObj[i] + '"';
					}
				}
			}
			var par = "";
			for (var j in parObj) {
				if (parObj[j] != Object.prototype[j]) { // Filter out prototype additions from other potential libraries
					par += '<param name="' + j + '" value="' + parObj[j] + '" />';
				}
			}
			el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';
			fixObjectLeaks(attObj.id); // This bug affects dynamic publishing only
			r = document.getElementById(attObj.id);	
		}
		else if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements: fall back to the proprietary embed element
			var e = document.createElement("embed");
			e.setAttribute("type", FLASH_MIME_TYPE);
			for (var k in attObj) {
				if (attObj[k] != Object.prototype[k]) { // Filter out prototype additions from other potential libraries
					if (k == "data") {
						e.setAttribute("src", attObj[k]);
					}
					else if (k.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						e.setAttribute("class", attObj[k]);
					}
					else if (k != "classid") { // Filter out IE specific attribute
						e.setAttribute(k, attObj[k]);
					}
				}
			}
			for (var l in parObj) {
				if (parObj[l] != Object.prototype[l]) { // Filter out prototype additions from other potential libraries
					if (l != "movie") { // Filter out IE specific param element
						e.setAttribute(l, parObj[l]);
					}
				}
			}
			el.parentNode.replaceChild(e, el);
			r = e;
		}
		else { // Well-behaving browsers
			var o = document.createElement(OBJECT);
			o.setAttribute("type", FLASH_MIME_TYPE);
			for (var m in attObj) {
				if (attObj[m] != Object.prototype[m]) { // Filter out prototype additions from other potential libraries
					if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						o.setAttribute("class", attObj[m]);
					}
					else if (m != "classid") { // Filter out IE specific attribute
						o.setAttribute(m, attObj[m]);
					}
				}
			}
			for (var n in parObj) {
				if (parObj[n] != Object.prototype[n] && n != "movie") { // Filter out prototype additions from other potential libraries and IE specific param element
					createObjParam(o, n, parObj[n]);
				}
			}
			el.parentNode.replaceChild(o, el);
			r = o;
		}
		return r;
	}
 
	function createObjParam(el, pName, pValue) {
		var p = document.createElement("param");
		p.setAttribute("name", pName);	
		p.setAttribute("value", pValue);
		el.appendChild(p);
	}
	
	function hasPlayerVersion(rv) {
		return (ua.playerVersion[0] > rv[0] || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] > rv[1]) || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] == rv[1] && ua.playerVersion[2] >= rv[2])) ? true : false;
	}
	
	/* Cross-browser dynamic CSS creation
		- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
	*/	
	function createCSS(sel, decl) {
		if (ua.ie && ua.mac) {
			return;
		}
		var h = document.getElementsByTagName("head")[0], s = document.createElement("style");
		s.setAttribute("type", "text/css");
		s.setAttribute("media", "screen");
		if (!(ua.ie && ua.win) && typeof document.createTextNode != UNDEF) {
			s.appendChild(document.createTextNode(sel + " {" + decl + "}"));
		}
		h.appendChild(s);
		if (ua.ie && ua.win && typeof document.styleSheets != UNDEF && document.styleSheets.length > 0) {
			var ls = document.styleSheets[document.styleSheets.length - 1];
			if (typeof ls.addRule == OBJECT) {
				ls.addRule(sel, decl);
			}
		}
	}
	
	return {
		/* Public API
			- Reference: http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation
		*/ 
		registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr) {
			if (!ua.w3cdom || !objectIdStr || !swfVersionStr) {
				return;
			}
			var regObj = {};
			regObj.id = objectIdStr;
			var v = swfVersionStr.split(".");
			regObj.swfVersion = [parseInt(v[0], 10), parseInt(v[1], 10), parseInt(v[2], 10)];
			regObj.expressInstall = xiSwfUrlStr ? xiSwfUrlStr : false;
			regObjArr[regObjArr.length] = regObj;
			createCSS("#" + objectIdStr, CSS_HIDDEN);
		},
		
		getObjectById: function(objectIdStr) {
			var r = null;
			if (ua.w3cdom && isDomLoaded) {
				var o = document.getElementById(objectIdStr);
				if (o) {
					var n = o.getElementsByTagName(OBJECT)[0];
					if (!n || (n && typeof o.SetVariable != UNDEF)) {
				    	r = o;
					}
					else if (typeof n.SetVariable != UNDEF) {
						r = n;
					}
				}
			}
			return r;
		},
		
		embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj) {
			if (!ua.w3cdom || !swfUrlStr || !replaceElemIdStr || !widthStr || !heightStr || !swfVersionStr) {
				return;
			}
			widthStr += ""; // Auto-convert to string to make it idiot proof
			heightStr += "";
			if (hasPlayerVersion(swfVersionStr.split("."))) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				var att = (typeof attObj == OBJECT) ? attObj : {};
				att.data = swfUrlStr;
				att.width = widthStr;
				att.height = heightStr;
				var par = (typeof parObj == OBJECT) ? parObj : {};
				if (typeof flashvarsObj == OBJECT) {
					for (var i in flashvarsObj) {
						if (flashvarsObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries
							if (typeof par.flashvars != UNDEF) {
								par.flashvars += "&" + i + "=" + flashvarsObj[i];
							}
							else {
								par.flashvars = i + "=" + flashvarsObj[i];
							}
						}
					}
				}
				addDomLoadEvent(function() {
					createSWF(att, par, replaceElemIdStr);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
			else if (xiSwfUrlStr && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				addDomLoadEvent(function() {
					var regObj = {};
					regObj.id = regObj.altContentId = replaceElemIdStr;
					regObj.width = widthStr;
					regObj.height = heightStr;
					regObj.expressInstall = xiSwfUrlStr;
					showExpressInstall(regObj);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
		},
		
		getFlashPlayerVersion: function() {
			return { major:ua.playerVersion[0], minor:ua.playerVersion[1], release:ua.playerVersion[2] };
		},
		
		hasFlashPlayerVersion: function(versionStr) {
			return hasPlayerVersion(versionStr.split("."));
		},
		
		createSWF: function(attObj, parObj, replaceElemIdStr) {
			if (ua.w3cdom && isDomLoaded) {
				return createSWF(attObj, parObj, replaceElemIdStr);
			}
			else {
				return undefined;
			}
		},
		
		createCSS: function(sel, decl) {
			if (ua.w3cdom) {
				createCSS(sel, decl);
			}
		},
		
		addDomLoadEvent:addDomLoadEvent,
		
		addLoadEvent:addLoadEvent,
		
		getQueryParamValue: function(param) {
			var q = document.location.search || document.location.hash;
			if (param == null) {
				return q;
			}
		 	if(q) {
				var pairs = q.substring(1).split("&");
				for (var i = 0; i < pairs.length; i++) {
					if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
						return pairs[i].substring((pairs[i].indexOf("=") + 1));
					}
				}
			}
			return "";
		},
		
		// For internal usage only
		expressInstallCallback: function() {
			if (isExpressInstallActive && storedAltContent) {
				var obj = document.getElementById(EXPRESS_INSTALL_ID);
				if (obj) {
					obj.parentNode.replaceChild(storedAltContent, obj);
					storedAltContent = null;
					isExpressInstallActive = false;
				}
			} 
		}
		
	};
 
}();
 
 
 
 
 
 
 
 
 
 
 
 
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 15000;
 
// Duration of crossfade (seconds)
var crossFadeDuration = 9;
 
var pics = new Array();
pics[0] = "http://www.domdom.com/domdom/images/mirr.jpg";
pics[1] = "http://www.domdom.com/domdom/images/pizza.jpg";
pics[2] = "http://www.domdom.com/domdom/images/securn.jpg";
pics[3] = "http://www.domdom.com/domdom/images/serr.jpg";
 
var divIDs = new Array();
divIDs[0] = "div_1";
divIDs[1] = "div_2";
divIDs[2] = "div_3";
divIDs[3] = "div_4";
 
var ytURLs = new Array();
ytURLs[0] = "http://www.youtube.com/v/DtL0-Gd8gvs&rel=0";
ytURLs[1] = "http://www.youtube.com/v/DtL0-Gd8gvs&rel=0";
ytURLs[2] = "http://www.youtube.com/v/DtL0-Gd8gvs&rel=0";
ytURLs[3] = "http://www.youtube.com/v/DtL0-Gd8gvs&rel=0";
 
var curPic = -1;
var nextPic = 0;
var numPics = pics.length;
var continueSlideShow = true;
var slideTimer;
 
var preLoad = new Array()
for (i=0; i<numPics; i++){
   preLoad[i] = new Image();
   preLoad[i].src = pics[i];
}
 
function loadYTVideos()
{
  var divLen = divIDs.length;
  var ytLen = ytURLs.length;
  if (divLen >= ytLen)
  {
    for (i=0; i<ytLen; i++)
    {
      ytDIVID = divIDs[i] + "_yt";
      videoURL = ytURLs[i] + "&amp;border=0&amp;enablejsapi=1&amp;playerapiid=" + ytDIVID;
      var params = {allowScriptAccess: "always"};
      var atts = {id: ytDIVID};
      swfobject.embedSWF(videoURL, ytDIVID, "300", "250", "8", null, null, params, atts);
    }
  }
  else
    alert("Error not enough DIVs to hold videos");
}
 
function onYouTubePlayerReady(playerId)
{
  var ytplayer = null;
  
  if (document.getElementById)
    ytplayer = document.getElementById(playerId);
  else if (document.all)
    ytplayer = document.all(playerId);
  
  if (ytplayer)
  {
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
 
    if (document.getElementById)
      ytplayer.setAttribute("isReady", "true");
    else if (document.all)
      ytplayer.isReady = "true";
  }
}
 
function onytplayerStateChange(newState)
{
  switch (newState)
  {
    case 0:
    case 2:
      // Video ended or paused
      continueSlideShow = true;
      break;
    case 1:
    case 3:
      // Video buffering or playing
      continueSlideShow = false;
      break;
  }
}
 
 
function runSlideShow()
{
  if (!continueSlideShow)
  {
    // Slide show is stopped because video is playing try again in 5 second
    clearTimeout(slideTimer);
    slideTimer = setTimeout('runSlideShow()', 5000);
    return;
  }
 
  if (document.all)
  {
    // Set blend transition for IE
    document.getElementById('SlideShow').style.filter = 'blendTrans(duration=crossFadeDuration)';
    document.getElementById('SlideShow').filters.blendTrans.Apply();
  }
 
  // Set background image
  if (document.getElementById)
    document.getElementById('SlideShow').background = preLoad[nextPic].src;
  else
    document.all['SlideShow'].background=preLoad[nextPic].src;
 
  // Play blend transition for IE
  if (document.all)
    document.getElementById('SlideShow').filters.blendTrans.Play();
 
  // Show new DIV
  if (document.getElementById)
    document.getElementById(divIDs[nextPic]).style.display = 'inline';
  else
    document.all(divIDs[nextPic]).style.display = 'inline';
 
  // Hide last DIV
  if (curPic != -1)
  {
    if (document.getElementById)
      document.getElementById(divIDs[curPic]).style.display = 'none';
    else
      document.all(divIDs[curPic]).style.display = 'none';
  }
 
  // Increment current/next picture number
  curPic = nextPic;
  nextPic += 1;
  if (nextPic > (numPics-1))
    nextPic = 0;
 
  // Set timer for next transition
  slideTimer = setTimeout('runSlideShow()', slideShowSpeed);
}
 
function nextSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
function prevSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Reset slide #
  if (curPic > 0)
    nextPic = curPic-1;
  else
    nextPic = numPics-1;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
 
function pauseAll()
{
  var ytLen = ytURLs.length;
  for (i=0; i<ytLen; i++)
  {
    var isReady = false;
    var ytplayer = null;
    if (document.getElementById)
    {
      ytplayer = document.getElementById(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.getAttribute("isReady") == "true")
        isReady = true;
    }
    else if (document.all)
    {
      ytplayer = document.all(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.isReady == "true")
        isReady = true;
    }
 
    if (ytplayer && isReady)
    {
      if (ytplayer.getPlayerState)
      {
        var playerState = ytplayer.getPlayerState();
        if (playerState == 1 || playerState == 3)
          ytplayer.pauseVideo();
      }
    }
  }
}
 

Open in new window

0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 1

Expert Comment

by:hakkekushou
ID: 22751238
There are many options such as veoh.com. There is even one where you can customize the player and everything. Sadly I am not sure of the site since it was mentioned in passing by a colleague in the creative dept.
0
 
LVL 16

Expert Comment

by:sh0e
ID: 22751314
YouTube is ranked as one of the top 3 search engines in the world.  Way above the rest.  You were told right.

I don't understand.  The embedded videos don't automatically start, so they shouldn't slow anything down.
Do you have a full example I can see?  Will speed things up.
0
 
LVL 16

Expert Comment

by:sh0e
ID: 22751390

<script src="http://swfobject.googlecode.com/svn/tags/rc3/swfobject/src/swfobject.js" type="text/javascript"></script>
 
<script type="text/javascript">
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 15000;
 
// Duration of crossfade (seconds)
var crossFadeDuration = 9;
 
var pics = new Array();
pics[0] = "http://img.youtube.com/vi/Lu94JtqP28A/2.jpg";
pics[1] = "http://img.youtube.com/vi/e5Dvw51Rufk/2.jpg";
pics[2] = "http://img.youtube.com/vi/Rpas0QjKY_A/2.jpg";
pics[3] = "http://img.youtube.com/vi/DtL0-Gd8gvs/2.jpg";
 
var divIDs = new Array();
divIDs[0] = "div_1";
divIDs[1] = "div_2";
divIDs[2] = "div_3";
divIDs[3] = "div_4";
 
var ytURLs = new Array();
ytURLs[0] = "http://www.youtube.com/v/Lu94JtqP28A&rel=0";
ytURLs[1] = "http://www.youtube.com/v/e5Dvw51Rufk&rel=0";
ytURLs[2] = "http://www.youtube.com/v/Rpas0QjKY_A&rel=0";
ytURLs[3] = "http://www.youtube.com/v/DtL0-Gd8gvs&rel=0";
 
var curPic = -1;
var nextPic = 0;
var numPics = pics.length;
var continueSlideShow = true;
var slideTimer;
 
var preLoad = new Array()
for (i=0; i<numPics; i++){
   preLoad[i] = new Image();
   preLoad[i].src = pics[i];
}
 
function showYT(vid){
	document.getElementById(vid+'_s').style.display = "inline"
	document.getElementById(vid+'_i').style.display = "none"
}
 
function loadPics()
{
	for(i=0; i<pics.length; i++){
		document.getElementById(divIDs[i]).innerHTML = '<img id="'+divIDs[i]+'_i'+'" src="'+pics[i]+'" height="250" width="300" onclick="showYT(\''+divIDs[i]+'\')"/>' + document.getElementById(divIDs[i]).innerHTML;
	}
}
 
function loadYTVideos()
{
  var divLen = divIDs.length;
  var ytLen = ytURLs.length;
  if (divLen >= ytLen)
  {
    for (i=0; i<ytLen; i++)
    {
      ytDIVID = divIDs[i] + "_yt";
      videoURL = ytURLs[i] + "&amp;border=0&amp;enablejsapi=1&amp;playerapiid=" + ytDIVID;
      var params = {allowScriptAccess: "always"};
      var atts = {id: ytDIVID};
      swfobject.embedSWF(videoURL, ytDIVID, "300", "250", "8", null, null, params, atts);
    }
  }
  else
    alert("Error not enough DIVs to hold videos");
}
 
function onYouTubePlayerReady(playerId)
{
  var ytplayer = null;
  
  if (document.getElementById)
    ytplayer = document.getElementById(playerId);
  else if (document.all)
    ytplayer = document.all(playerId);
  
  if (ytplayer)
  {
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
 
    if (document.getElementById)
      ytplayer.setAttribute("isReady", "true");
    else if (document.all)
      ytplayer.isReady = "true";
  }
}
 
function onytplayerStateChange(newState)
{
  switch (newState)
  {
    case 0:
    case 2:
      // Video ended or paused
      continueSlideShow = true;
      break;
    case 1:
    case 3:
      // Video buffering or playing
      continueSlideShow = false;
      break;
  }
}
 
 
function runSlideShow()
{
  if (!continueSlideShow)
  {
    // Slide show is stopped because video is playing try again in 5 second
    clearTimeout(slideTimer);
    slideTimer = setTimeout('runSlideShow()', 5000);
    return;
  }
 
  if (document.all)
  {
    // Set blend transition for IE
    document.getElementById('SlideShow').style.filter = 'blendTrans(duration=crossFadeDuration)';
    document.getElementById('SlideShow').filters.blendTrans.Apply();
  }
 
  // Set background image
  if (document.getElementById)
    document.getElementById('SlideShow').background = preLoad[nextPic].src;
  else
    document.all['SlideShow'].background=preLoad[nextPic].src;
 
  // Play blend transition for IE
  if (document.all)
    document.getElementById('SlideShow').filters.blendTrans.Play();
 
  // Show new DIV
  if (document.getElementById)
    document.getElementById(divIDs[nextPic]).style.display = 'inline';
  else
    document.all(divIDs[nextPic]).style.display = 'inline';
 
  // Hide last DIV
  if (curPic != -1)
  {
    if (document.getElementById)
      document.getElementById(divIDs[curPic]).style.display = 'none';
    else
      document.all(divIDs[curPic]).style.display = 'none';
  }
 
  // Increment current/next picture number
  curPic = nextPic;
  nextPic += 1;
  if (nextPic > (numPics-1))
    nextPic = 0;
 
  // Set timer for next transition
  slideTimer = setTimeout('runSlideShow()', slideShowSpeed);
}
 
function nextSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
function prevSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Reset slide #
  if (curPic > 0)
    nextPic = curPic-1;
  else
    nextPic = numPics-1;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
 
function pauseAll()
{
  var ytLen = ytURLs.length;
  for (i=0; i<ytLen; i++)
  {
    var isReady = false;
    var ytplayer = null;
    if (document.getElementById)
    {
      ytplayer = document.getElementById(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.getAttribute("isReady") == "true")
        isReady = true;
    }
    else if (document.all)
    {
      ytplayer = document.all(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.isReady == "true")
        isReady = true;
    }
 
    if (ytplayer && isReady)
    {
      if (ytplayer.getPlayerState)
      {
        var playerState = ytplayer.getPlayerState();
        if (playerState == 1 || playerState == 3)
          ytplayer.pauseVideo();
      }
    }
  }
}
 
 
</script>
<body onload="runSlideShow();loadPics();loadYTVideos();">
<div id="SlideShow">
 
	<div id="div_1" style="display:none">
		<div id="div_1_s" style="display:none">
		<div id="div_1_yt">Loading...</div>
		</div>
	</div>
	<div id="div_2" style="display:none">
		<div id="div_2_s" style="display:none">
		<div id="div_2_yt">Loading...</div>
		</div>
	</div>
	<div id="div_3" style="display:none">
		<div id="div_3_s" style="display:none">
		<div id="div_3_yt">Loading...</div>
		</div>
	</div>
	<div id="div_4" style="display:none">
		<div id="div_4_s" style="display:none">
		<div id="div_4_yt">Loading...</div>
		</div>
	</div>
 
</div>
</body>

Open in new window

0
 

Author Comment

by:Sasha-N
ID: 22753448
you got me wrong there...my bad...i will explain with a link to my page:
http://ilmc.domain.net/slavadore/index.htm

you see, the divs always changes each div comes with a youtube...
my problem is that makes the page slow down too much...

so instead of loading the tubes each time the page loads, i want to load images which
will be replaced by tubes only if the user will click on the image.


URL obfuscated by modus_operandi, EE Moderator

Open in new window

0
 
LVL 16

Expert Comment

by:sh0e
ID: 22754306
Replace your swfobject.js with the code below
/*!	SWFObject v2.0 rc3 <http://code.google.com/p/swfobject/>
	Copyright (c) 2007 Geoff Stearns, Michael Williams, and Bobby van der Sluis
	This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
 
var swfobject = function() {
	
	var UNDEF = "undefined",
		OBJECT = "object",
		CSS_VISIBLE = "visibility:visible",
		CSS_HIDDEN = "visibility:hidden",
		SHOCKWAVE_FLASH = "Shockwave Flash",
		SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
		FLASH_MIME_TYPE = "application/x-shockwave-flash",
		EXPRESS_INSTALL_ID = "SWFObjectExprInst",
	
		domLoadFnArr = [],
		regObjArr = [],
		timer = null,
		storedAltContent = null,
		isDomLoaded = false,
		isExpressInstallActive = false;
	
	/* Centralized function for browser feature detection
		- Proprietary feature detection (conditional compiling) is used to detect Internet Explorer's features
		- User agent string detection is only used when no alternative is possible
		- Is executed directly for optimal performance
	*/	
	var ua = function() {
		var w3cdom = typeof document.getElementById != UNDEF && typeof document.getElementsByTagName != UNDEF && typeof document.createElement != UNDEF && typeof document.appendChild != UNDEF && typeof document.replaceChild != UNDEF && typeof document.removeChild != UNDEF && typeof document.cloneNode != UNDEF,
			playerVersion = [0,0,0],
			d = null;
		if (typeof navigator.plugins != UNDEF && typeof navigator.plugins[SHOCKWAVE_FLASH] == OBJECT) {
			d = navigator.plugins[SHOCKWAVE_FLASH].description;
			if (d) {
				d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
				playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
				playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
				playerVersion[2] = /r/.test(d) ? parseInt(d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
			}
		}
		else if (typeof window.ActiveXObject != UNDEF) {
			var a = null, fp6Crash = false;
			try {
				a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".7");
			}
			catch(e) {
				try { 
					a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".6");
					playerVersion = [6,0,21];
					a.AllowScriptAccess = "always";  // Introduced in fp6.0.47
				}
				catch(e) {
					if (playerVersion[0] == 6) {
						fp6Crash = true;
					}
				}
				if (!fp6Crash) {
					try {
						a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
					}
					catch(e) {}
				}
			}
			if (!fp6Crash && a) { // a will return null when ActiveX is disabled
				try {
					d = a.GetVariable("$version");  // Will crash fp6.0.21/23/29
					if (d) {
						d = d.split(" ")[1].split(",");
						playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
					}
				}
				catch(e) {}
			}
		}
		var u = navigator.userAgent.toLowerCase(),
			p = navigator.platform.toLowerCase(),
			webkit = /webkit/.test(u),
			webkitVersion = webkit ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : 0,
			ie = false,
			win = p ? /win/.test(p) : /win/.test(u),
			mac = p ? /mac/.test(p) : /mac/.test(u);
		/*@cc_on
			ie = true;
			@if (@_win32)
				win = true;
			@elif (@_mac)
				mac = true;
			@end
		@*/
		return { w3cdom:w3cdom, playerVersion:playerVersion, webkit:webkit, webkitVersion:webkitVersion, ie:ie, win:win, mac:mac };
	}();
		
	/* Cross-browser onDomLoad
		- Based on Dean Edwards' solution: http://dean.edwards.name/weblog/2006/06/again/
		- Will fire an event as soon as the DOM of a page is loaded (supported by Gecko based browsers - like Firefox -, IE, Opera9+, Safari)
	*/ 
	var onDomLoad = function() {
		if (!ua.w3cdom) {
			return;
		}
		addDomLoadEvent(main);
		if (ua.ie && ua.win) {
			try {  // Avoid a possible Operation Aborted error
				document.write("<scr" + "ipt id=__ie_ondomload defer=true src=//:></scr" + "ipt>"); // String is split into pieces to avoid Norton AV to add code that can cause errors 
				var s = document.getElementById("__ie_ondomload");
				if (s) {
					s.onreadystatechange = function() {
						if (this.readyState == "complete") {
							this.parentNode.removeChild(this);
							callDomLoadFunctions();
						}
					};
				}
			}
			catch(e) {}
		}
		if (ua.webkit && typeof document.readyState != UNDEF) {
			timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { callDomLoadFunctions(); }}, 10);
		}
		if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("DOMContentLoaded", callDomLoadFunctions, null);
		}
		addLoadEvent(callDomLoadFunctions);
	}();
	
	function callDomLoadFunctions() {
		if (isDomLoaded) {
			return;
		}
		if (ua.ie && ua.win) { // Test if we can really add elements to the DOM; we don't want to fire it too early
			var s = document.createElement("span");
			try { // Avoid a possible Operation Aborted error
				var t = document.getElementsByTagName("body")[0].appendChild(s);
				t.parentNode.removeChild(t);
			}
			catch (e) {
				return;
			}
		}
		isDomLoaded = true;
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
		var dl = domLoadFnArr.length;
		for (var i = 0; i < dl; i++) {
			domLoadFnArr[i]();
		}
	}
	
	function addDomLoadEvent(fn) {
		if (isDomLoaded) {
			fn();
		}
		else { 
			domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
		}
	}
	
	/* Cross-browser onload
		- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
		- Will fire an event as soon as a web page including all of its assets are loaded 
	 */
	function addLoadEvent(fn) {
		if (typeof window.addEventListener != UNDEF) {
			window.addEventListener("load", fn, false);
		}
		else if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("load", fn, false);
		}
		else if (typeof window.attachEvent != UNDEF) {
			window.attachEvent("onload", fn);
		}
		else if (typeof window.onload == "function") {
			var fnOld = window.onload;
			window.onload = function() {
				fnOld();
				fn();
			};
		}
		else {
			window.onload = fn;
		}
	}
	
	/* Main function
		- Will preferably execute onDomLoad, otherwise onload (as a fallback)
	*/
	function main() { // Static publishing only
		var rl = regObjArr.length;
		for (var i = 0; i < rl; i++) { // For each registered object element
			var id = regObjArr[i].id;
			if (ua.playerVersion[0] > 0) { // If no fp is installed, we let the object element do its job (show alternative content)
				var obj = document.getElementById(id);
				if (obj) {
					regObjArr[i].width = obj.getAttribute("width") ? obj.getAttribute("width") : "0";
					regObjArr[i].height = obj.getAttribute("height") ? obj.getAttribute("height") : "0";
					if (hasPlayerVersion(regObjArr[i].swfVersion)) { // Flash plug-in version >= Flash content version: Houston, we have a match!
						if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements
							fixParams(obj);
						}
					}
					else if (regObjArr[i].expressInstall && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) { // Show the Adobe Express Install dialog if set by the web page author and if supported (fp6.0.65+ on Win/Mac OS only)
						showExpressInstall(regObjArr[i]);
					}
					else { // Flash plug-in and Flash content version mismatch: display alternative content instead of Flash content
						displayAltContent(obj);
					}
				}
			}
			createCSS("#" + id, CSS_VISIBLE);
		}
	}
	
	/* Fix nested param elements, which are ignored by older webkit engines
		- This includes Safari up to and including version 1.2.2 on Mac OS 10.3
		- Fall back to the proprietary embed element
	*/
	function fixParams(obj) {
		var nestedObj = obj.getElementsByTagName(OBJECT)[0];
		if (nestedObj) {
			var e = document.createElement("embed"), a = nestedObj.attributes;
			if (a) {
				var al = a.length;
				for (var i = 0; i < al; i++) {
					if (a[i].nodeName.toLowerCase() == "data") {
						e.setAttribute("src", a[i].nodeValue);
					}
					else {
						e.setAttribute(a[i].nodeName, a[i].nodeValue);
					}
				}
			}
			var c = nestedObj.childNodes;
			if (c) {
				var cl = c.length;
				for (var j = 0; j < cl; j++) {
					if (c[j].nodeType == 1 && c[j].nodeName.toLowerCase() == "param") {
						e.setAttribute(c[j].getAttribute("name"), c[j].getAttribute("value"));
					}
				}
			}
			obj.parentNode.replaceChild(e, obj);
		}
	}
	
	/* Fix hanging audio/video threads and force open sockets and NetConnections to disconnect
		- Occurs when unloading a web page in IE using fp8+ and innerHTML/outerHTML
		- Dynamic publishing only
	*/
	function fixObjectLeaks(id) {
		if (ua.ie && ua.win && hasPlayerVersion([8,0,0])) {
			window.attachEvent("onunload", function () {
				var obj = document.getElementById(id);
				for (var i in obj) {
					if (typeof obj[i] == "function") {
						obj[i] = function() {};
					}
				}
				obj.parentNode.removeChild(obj);
			});
		}
	}
	
	/* Show the Adobe Express Install dialog
		- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
	*/
	function showExpressInstall(regObj) {
		isExpressInstallActive = true;
		var obj = document.getElementById(regObj.id);
		if (obj) {
			if (regObj.altContentId) {
				var ac = document.getElementById(regObj.altContentId);
				if (ac) {
					storedAltContent = ac;
				}
			}
			else {
				storedAltContent = abstractAltContent(obj);
			}
			if (!(/%$/.test(regObj.width)) && parseInt(regObj.width, 10) < 310) {
				regObj.width = "310";
			}
			if (!(/%$/.test(regObj.height)) && parseInt(regObj.height, 10) < 137) {
				regObj.height = "137";
			}
			document.title = document.title.slice(0, 47) + " - Flash Player Installation";
			var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
				dt = document.title,
				fv = "MMredirectURL=" + window.location + "&MMplayerType=" + pt + "&MMdoctitle=" + dt,
				replaceId = regObj.id;
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			if (ua.ie && ua.win && obj.readyState != 4) {
				var newObj = document.createElement("div");
				replaceId += "SWFObjectNew";
				newObj.setAttribute("id", replaceId);
				obj.parentNode.insertBefore(newObj, obj); // Insert placeholder div that will be replaced by the object element that loads expressinstall.swf
				obj.style.display = "none";
				window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
			}
			createSWF({ data:regObj.expressInstall, id:EXPRESS_INSTALL_ID, width:regObj.width, height:regObj.height }, { flashvars:fv }, replaceId);
		}
	}
	
	/* Functions to abstract and display alternative content
	*/
	function displayAltContent(obj) {
		if (ua.ie && ua.win && obj.readyState != 4) {
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			var el = document.createElement("div");
			obj.parentNode.insertBefore(el, obj); // Insert placeholder div that will be replaced by the alternative content
			el.parentNode.replaceChild(abstractAltContent(obj), el);
			obj.style.display = "none";
			window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
		}
		else {
			obj.parentNode.replaceChild(abstractAltContent(obj), obj);
		}
	}	
 
	function abstractAltContent(obj) {
		var ac = document.createElement("div");
		if (ua.win && ua.ie) {
			ac.innerHTML = obj.innerHTML;
		}
		else {
			var nestedObj = obj.getElementsByTagName(OBJECT)[0];
			if (nestedObj) {
				var c = nestedObj.childNodes;
				if (c) {
					var cl = c.length;
					for (var i = 0; i < cl; i++) {
						if (!(c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param") && !(c[i].nodeType == 8)) {
							ac.appendChild(c[i].cloneNode(true));
						}
					}
				}
			}
		}
		return ac;
	}
	
	/* Cross-browser dynamic SWF creation
	*/
	function createSWF(attObj, parObj, id) {
		var r, el = document.getElementById(id);
		if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
			attObj.id = id;
		}
		if (ua.ie && ua.win) { // IE, the object element and W3C DOM methods do not combine: fall back to outerHTML
			var att = "";
			for (var i in attObj) {
				if (attObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries, like Object.prototype.toJSONString = function() {}
					if (i == "data") {
						parObj.movie = attObj[i];
					}
					else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						att += ' class="' + attObj[i] + '"';
					}
					else if (i != "classid") {
						att += ' ' + i + '="' + attObj[i] + '"';
					}
				}
			}
			var par = "";
			for (var j in parObj) {
				if (parObj[j] != Object.prototype[j]) { // Filter out prototype additions from other potential libraries
					par += '<param name="' + j + '" value="' + parObj[j] + '" />';
				}
			}
			el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';
			fixObjectLeaks(attObj.id); // This bug affects dynamic publishing only
			r = document.getElementById(attObj.id);	
		}
		else if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements: fall back to the proprietary embed element
			var e = document.createElement("embed");
			e.setAttribute("type", FLASH_MIME_TYPE);
			for (var k in attObj) {
				if (attObj[k] != Object.prototype[k]) { // Filter out prototype additions from other potential libraries
					if (k == "data") {
						e.setAttribute("src", attObj[k]);
					}
					else if (k.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						e.setAttribute("class", attObj[k]);
					}
					else if (k != "classid") { // Filter out IE specific attribute
						e.setAttribute(k, attObj[k]);
					}
				}
			}
			for (var l in parObj) {
				if (parObj[l] != Object.prototype[l]) { // Filter out prototype additions from other potential libraries
					if (l != "movie") { // Filter out IE specific param element
						e.setAttribute(l, parObj[l]);
					}
				}
			}
			el.parentNode.replaceChild(e, el);
			r = e;
		}
		else { // Well-behaving browsers
			var o = document.createElement(OBJECT);
			o.setAttribute("type", FLASH_MIME_TYPE);
			for (var m in attObj) {
				if (attObj[m] != Object.prototype[m]) { // Filter out prototype additions from other potential libraries
					if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						o.setAttribute("class", attObj[m]);
					}
					else if (m != "classid") { // Filter out IE specific attribute
						o.setAttribute(m, attObj[m]);
					}
				}
			}
			for (var n in parObj) {
				if (parObj[n] != Object.prototype[n] && n != "movie") { // Filter out prototype additions from other potential libraries and IE specific param element
					createObjParam(o, n, parObj[n]);
				}
			}
			el.parentNode.replaceChild(o, el);
			r = o;
		}
		return r;
	}
 
	function createObjParam(el, pName, pValue) {
		var p = document.createElement("param");
		p.setAttribute("name", pName);	
		p.setAttribute("value", pValue);
		el.appendChild(p);
	}
	
	function hasPlayerVersion(rv) {
		return (ua.playerVersion[0] > rv[0] || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] > rv[1]) || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] == rv[1] && ua.playerVersion[2] >= rv[2])) ? true : false;
	}
	
	/* Cross-browser dynamic CSS creation
		- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
	*/	
	function createCSS(sel, decl) {
		if (ua.ie && ua.mac) {
			return;
		}
		var h = document.getElementsByTagName("head")[0], s = document.createElement("style");
		s.setAttribute("type", "text/css");
		s.setAttribute("media", "screen");
		if (!(ua.ie && ua.win) && typeof document.createTextNode != UNDEF) {
			s.appendChild(document.createTextNode(sel + " {" + decl + "}"));
		}
		h.appendChild(s);
		if (ua.ie && ua.win && typeof document.styleSheets != UNDEF && document.styleSheets.length > 0) {
			var ls = document.styleSheets[document.styleSheets.length - 1];
			if (typeof ls.addRule == OBJECT) {
				ls.addRule(sel, decl);
			}
		}
	}
	
	return {
		/* Public API
			- Reference: http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation
		*/ 
		registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr) {
			if (!ua.w3cdom || !objectIdStr || !swfVersionStr) {
				return;
			}
			var regObj = {};
			regObj.id = objectIdStr;
			var v = swfVersionStr.split(".");
			regObj.swfVersion = [parseInt(v[0], 10), parseInt(v[1], 10), parseInt(v[2], 10)];
			regObj.expressInstall = xiSwfUrlStr ? xiSwfUrlStr : false;
			regObjArr[regObjArr.length] = regObj;
			createCSS("#" + objectIdStr, CSS_HIDDEN);
		},
		
		getObjectById: function(objectIdStr) {
			var r = null;
			if (ua.w3cdom && isDomLoaded) {
				var o = document.getElementById(objectIdStr);
				if (o) {
					var n = o.getElementsByTagName(OBJECT)[0];
					if (!n || (n && typeof o.SetVariable != UNDEF)) {
				    	r = o;
					}
					else if (typeof n.SetVariable != UNDEF) {
						r = n;
					}
				}
			}
			return r;
		},
		
		embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj) {
			if (!ua.w3cdom || !swfUrlStr || !replaceElemIdStr || !widthStr || !heightStr || !swfVersionStr) {
				return;
			}
			widthStr += ""; // Auto-convert to string to make it idiot proof
			heightStr += "";
			if (hasPlayerVersion(swfVersionStr.split("."))) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				var att = (typeof attObj == OBJECT) ? attObj : {};
				att.data = swfUrlStr;
				att.width = widthStr;
				att.height = heightStr;
				var par = (typeof parObj == OBJECT) ? parObj : {};
				if (typeof flashvarsObj == OBJECT) {
					for (var i in flashvarsObj) {
						if (flashvarsObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries
							if (typeof par.flashvars != UNDEF) {
								par.flashvars += "&" + i + "=" + flashvarsObj[i];
							}
							else {
								par.flashvars = i + "=" + flashvarsObj[i];
							}
						}
					}
				}
				addDomLoadEvent(function() {
					createSWF(att, par, replaceElemIdStr);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
			else if (xiSwfUrlStr && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				addDomLoadEvent(function() {
					var regObj = {};
					regObj.id = regObj.altContentId = replaceElemIdStr;
					regObj.width = widthStr;
					regObj.height = heightStr;
					regObj.expressInstall = xiSwfUrlStr;
					showExpressInstall(regObj);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
		},
		
		getFlashPlayerVersion: function() {
			return { major:ua.playerVersion[0], minor:ua.playerVersion[1], release:ua.playerVersion[2] };
		},
		
		hasFlashPlayerVersion: function(versionStr) {
			return hasPlayerVersion(versionStr.split("."));
		},
		
		createSWF: function(attObj, parObj, replaceElemIdStr) {
			if (ua.w3cdom && isDomLoaded) {
				return createSWF(attObj, parObj, replaceElemIdStr);
			}
			else {
				return undefined;
			}
		},
		
		createCSS: function(sel, decl) {
			if (ua.w3cdom) {
				createCSS(sel, decl);
			}
		},
		
		addDomLoadEvent:addDomLoadEvent,
		
		addLoadEvent:addLoadEvent,
		
		getQueryParamValue: function(param) {
			var q = document.location.search || document.location.hash;
			if (param == null) {
				return q;
			}
		 	if(q) {
				var pairs = q.substring(1).split("&");
				for (var i = 0; i < pairs.length; i++) {
					if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
						return pairs[i].substring((pairs[i].indexOf("=") + 1));
					}
				}
			}
			return "";
		},
		
		// For internal usage only
		expressInstallCallback: function() {
			if (isExpressInstallActive && storedAltContent) {
				var obj = document.getElementById(EXPRESS_INSTALL_ID);
				if (obj) {
					obj.parentNode.replaceChild(storedAltContent, obj);
					storedAltContent = null;
					isExpressInstallActive = false;
				}
			} 
		}
		
	};
 
}();
 
 
 
 
 
 
 
 
 
 
 
 
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 15000;
 
// Duration of crossfade (seconds)
var crossFadeDuration = 9;
 
var pics = new Array();
pics[0] = "http://www.domain.co.il/domain/images/mirr.jpg";
pics[1] = "http://www.domain.co.il/domain/images/pizza.jpg";
pics[2] = "http://www.domain.co.il/domain/images/securn.jpg";
pics[3] = "http://www.domain.co.il/domain/images/serr.jpg";
 
var divIDs = new Array();
divIDs[0] = "div_1";
divIDs[1] = "div_2";
divIDs[2] = "div_3";
divIDs[3] = "div_4";
 
var ytURLs = new Array();
ytURLs[0] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[1] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[2] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[3] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
 
var curPic = -1;
var nextPic = 0;
var numPics = pics.length;
var continueSlideShow = true;
var slideTimer;
 
var preLoad = new Array()
for (i=0; i<numPics; i++){
   preLoad[i] = new Image();
   preLoad[i].src = pics[i];
}
 
function loadYTVideo(i)
{
      ytDIVID = divIDs[i] + "_yt";
      videoURL = ytURLs[i] + "&amp;border=0&amp;enablejsapi=1&amp;playerapiid=" + ytDIVID;
      var params = {allowScriptAccess: "always"};
      var atts = {id: ytDIVID};
      swfobject.embedSWF(videoURL, ytDIVID, "300", "250", "8", null, null, params, atts);
}
 
function loadPics(){
  var divLen = divIDs.length;
  var ytLen = ytURLs.length;
  if (divLen >= ytLen)
  {
    for (i=0; i<ytLen; i++)
    {
		var ID=ytURLs[0].match("http://www.youtube.com/v/(.+)&rel=0")[1];
		document.getElementById(divIDs[i]+"_yt").innerHTML = '<img src="http://img.youtube.com/vi/'+ID+'/2.jpg" onClick="loadYTVideo('+i+')" width="300" height=250"/>';
    }
  }
  else
    alert("Error not enough DIVs to hold videos");
}
 
function loadYTVideos()
{
	loadPics();
}
 
function onYouTubePlayerReady(playerId)
{
  var ytplayer = null;
  
  if (document.getElementById)
    ytplayer = document.getElementById(playerId);
  else if (document.all)
    ytplayer = document.all(playerId);
  
  if (ytplayer)
  {
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
 
    if (document.getElementById)
      ytplayer.setAttribute("isReady", "true");
    else if (document.all)
      ytplayer.isReady = "true";
  }
}
 
function onytplayerStateChange(newState)
{
  switch (newState)
  {
    case 0:
    case 2:
      // Video ended or paused
      continueSlideShow = true;
      break;
    case 1:
    case 3:
      // Video buffering or playing
      continueSlideShow = false;
      break;
  }
}
 
 
function runSlideShow()
{
  if (!continueSlideShow)
  {
    // Slide show is stopped because video is playing try again in 5 second
    clearTimeout(slideTimer);
    slideTimer = setTimeout('runSlideShow()', 5000);
    return;
  }
 
  if (document.all)
  {
    // Set blend transition for IE
    document.getElementById('SlideShow').style.filter = 'blendTrans(duration=crossFadeDuration)';
    document.getElementById('SlideShow').filters.blendTrans.Apply();
  }
 
  // Set background image
  if (document.getElementById)
    document.getElementById('SlideShow').background = preLoad[nextPic].src;
  else
    document.all['SlideShow'].background=preLoad[nextPic].src;
 
  // Play blend transition for IE
  if (document.all)
    document.getElementById('SlideShow').filters.blendTrans.Play();
 
  // Show new DIV
  if (document.getElementById)
    document.getElementById(divIDs[nextPic]).style.display = 'inline';
  else
    document.all(divIDs[nextPic]).style.display = 'inline';
 
  // Hide last DIV
  if (curPic != -1)
  {
    if (document.getElementById)
      document.getElementById(divIDs[curPic]).style.display = 'none';
    else
      document.all(divIDs[curPic]).style.display = 'none';
  }
 
  // Increment current/next picture number
  curPic = nextPic;
  nextPic += 1;
  if (nextPic > (numPics-1))
    nextPic = 0;
 
  // Set timer for next transition
  slideTimer = setTimeout('runSlideShow()', slideShowSpeed);
}
 
function nextSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
function prevSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Reset slide #
  if (curPic > 0)
    nextPic = curPic-1;
  else
    nextPic = numPics-1;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
 
function pauseAll()
{
  var ytLen = ytURLs.length;
  for (i=0; i<ytLen; i++)
  {
    var isReady = false;
    var ytplayer = null;
    if (document.getElementById)
    {
      ytplayer = document.getElementById(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.getAttribute("isReady") == "true")
        isReady = true;
    }
    else if (document.all)
    {
      ytplayer = document.all(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.isReady == "true")
        isReady = true;
    }
 
    if (ytplayer && isReady)
    {
      if (ytplayer.getPlayerState)
      {
        var playerState = ytplayer.getPlayerState();
        if (playerState == 1 || playerState == 3)
          ytplayer.pauseVideo();
      }
    }
  }
}

Open in new window

0
 

Author Comment

by:Sasha-N
ID: 22755074
I'm not sure what you did - it works faster but there are still the tubes on the front page...
can you please explain?
0
 

Author Comment

by:Sasha-N
ID: 22755082
uups...i checked this on mozilla , but now when i saw the page on EE, i have the same slow speed as before:(
can it be that the youtube still loads and slows the page?
0
 

Author Comment

by:Sasha-N
ID: 22755097
when i click on the image, can you tell me how to set the tube to play instead of another click ?
0
 
LVL 16

Accepted Solution

by:
sh0e earned 500 total points
ID: 22755521
It seems to be working from the demo site.

I did not rewrite the slideshow to reset to preview images.

I had to rewrite your code for loading YouTube videos, to insert preview images instead.
And have it insert the videos individually after being clicked.
/*!	SWFObject v2.0 rc3 <http://code.google.com/p/swfobject/>
	Copyright (c) 2007 Geoff Stearns, Michael Williams, and Bobby van der Sluis
	This software is released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
 
var swfobject = function() {
	
	var UNDEF = "undefined",
		OBJECT = "object",
		CSS_VISIBLE = "visibility:visible",
		CSS_HIDDEN = "visibility:hidden",
		SHOCKWAVE_FLASH = "Shockwave Flash",
		SHOCKWAVE_FLASH_AX = "ShockwaveFlash.ShockwaveFlash",
		FLASH_MIME_TYPE = "application/x-shockwave-flash",
		EXPRESS_INSTALL_ID = "SWFObjectExprInst",
	
		domLoadFnArr = [],
		regObjArr = [],
		timer = null,
		storedAltContent = null,
		isDomLoaded = false,
		isExpressInstallActive = false;
	
	/* Centralized function for browser feature detection
		- Proprietary feature detection (conditional compiling) is used to detect Internet Explorer's features
		- User agent string detection is only used when no alternative is possible
		- Is executed directly for optimal performance
	*/	
	var ua = function() {
		var w3cdom = typeof document.getElementById != UNDEF && typeof document.getElementsByTagName != UNDEF && typeof document.createElement != UNDEF && typeof document.appendChild != UNDEF && typeof document.replaceChild != UNDEF && typeof document.removeChild != UNDEF && typeof document.cloneNode != UNDEF,
			playerVersion = [0,0,0],
			d = null;
		if (typeof navigator.plugins != UNDEF && typeof navigator.plugins[SHOCKWAVE_FLASH] == OBJECT) {
			d = navigator.plugins[SHOCKWAVE_FLASH].description;
			if (d) {
				d = d.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
				playerVersion[0] = parseInt(d.replace(/^(.*)\..*$/, "$1"), 10);
				playerVersion[1] = parseInt(d.replace(/^.*\.(.*)\s.*$/, "$1"), 10);
				playerVersion[2] = /r/.test(d) ? parseInt(d.replace(/^.*r(.*)$/, "$1"), 10) : 0;
			}
		}
		else if (typeof window.ActiveXObject != UNDEF) {
			var a = null, fp6Crash = false;
			try {
				a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".7");
			}
			catch(e) {
				try { 
					a = new ActiveXObject(SHOCKWAVE_FLASH_AX + ".6");
					playerVersion = [6,0,21];
					a.AllowScriptAccess = "always";  // Introduced in fp6.0.47
				}
				catch(e) {
					if (playerVersion[0] == 6) {
						fp6Crash = true;
					}
				}
				if (!fp6Crash) {
					try {
						a = new ActiveXObject(SHOCKWAVE_FLASH_AX);
					}
					catch(e) {}
				}
			}
			if (!fp6Crash && a) { // a will return null when ActiveX is disabled
				try {
					d = a.GetVariable("$version");  // Will crash fp6.0.21/23/29
					if (d) {
						d = d.split(" ")[1].split(",");
						playerVersion = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
					}
				}
				catch(e) {}
			}
		}
		var u = navigator.userAgent.toLowerCase(),
			p = navigator.platform.toLowerCase(),
			webkit = /webkit/.test(u),
			webkitVersion = webkit ? parseFloat(u.replace(/^.*webkit\/(\d+(\.\d+)?).*$/, "$1")) : 0,
			ie = false,
			win = p ? /win/.test(p) : /win/.test(u),
			mac = p ? /mac/.test(p) : /mac/.test(u);
		/*@cc_on
			ie = true;
			@if (@_win32)
				win = true;
			@elif (@_mac)
				mac = true;
			@end
		@*/
		return { w3cdom:w3cdom, playerVersion:playerVersion, webkit:webkit, webkitVersion:webkitVersion, ie:ie, win:win, mac:mac };
	}();
		
	/* Cross-browser onDomLoad
		- Based on Dean Edwards' solution: http://dean.edwards.name/weblog/2006/06/again/
		- Will fire an event as soon as the DOM of a page is loaded (supported by Gecko based browsers - like Firefox -, IE, Opera9+, Safari)
	*/ 
	var onDomLoad = function() {
		if (!ua.w3cdom) {
			return;
		}
		addDomLoadEvent(main);
		if (ua.ie && ua.win) {
			try {  // Avoid a possible Operation Aborted error
				document.write("<scr" + "ipt id=__ie_ondomload defer=true src=//:></scr" + "ipt>"); // String is split into pieces to avoid Norton AV to add code that can cause errors 
				var s = document.getElementById("__ie_ondomload");
				if (s) {
					s.onreadystatechange = function() {
						if (this.readyState == "complete") {
							this.parentNode.removeChild(this);
							callDomLoadFunctions();
						}
					};
				}
			}
			catch(e) {}
		}
		if (ua.webkit && typeof document.readyState != UNDEF) {
			timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { callDomLoadFunctions(); }}, 10);
		}
		if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("DOMContentLoaded", callDomLoadFunctions, null);
		}
		addLoadEvent(callDomLoadFunctions);
	}();
	
	function callDomLoadFunctions() {
		if (isDomLoaded) {
			return;
		}
		if (ua.ie && ua.win) { // Test if we can really add elements to the DOM; we don't want to fire it too early
			var s = document.createElement("span");
			try { // Avoid a possible Operation Aborted error
				var t = document.getElementsByTagName("body")[0].appendChild(s);
				t.parentNode.removeChild(t);
			}
			catch (e) {
				return;
			}
		}
		isDomLoaded = true;
		if (timer) {
			clearInterval(timer);
			timer = null;
		}
		var dl = domLoadFnArr.length;
		for (var i = 0; i < dl; i++) {
			domLoadFnArr[i]();
		}
	}
	
	function addDomLoadEvent(fn) {
		if (isDomLoaded) {
			fn();
		}
		else { 
			domLoadFnArr[domLoadFnArr.length] = fn; // Array.push() is only available in IE5.5+
		}
	}
	
	/* Cross-browser onload
		- Based on James Edwards' solution: http://brothercake.com/site/resources/scripts/onload/
		- Will fire an event as soon as a web page including all of its assets are loaded 
	 */
	function addLoadEvent(fn) {
		if (typeof window.addEventListener != UNDEF) {
			window.addEventListener("load", fn, false);
		}
		else if (typeof document.addEventListener != UNDEF) {
			document.addEventListener("load", fn, false);
		}
		else if (typeof window.attachEvent != UNDEF) {
			window.attachEvent("onload", fn);
		}
		else if (typeof window.onload == "function") {
			var fnOld = window.onload;
			window.onload = function() {
				fnOld();
				fn();
			};
		}
		else {
			window.onload = fn;
		}
	}
	
	/* Main function
		- Will preferably execute onDomLoad, otherwise onload (as a fallback)
	*/
	function main() { // Static publishing only
		var rl = regObjArr.length;
		for (var i = 0; i < rl; i++) { // For each registered object element
			var id = regObjArr[i].id;
			if (ua.playerVersion[0] > 0) { // If no fp is installed, we let the object element do its job (show alternative content)
				var obj = document.getElementById(id);
				if (obj) {
					regObjArr[i].width = obj.getAttribute("width") ? obj.getAttribute("width") : "0";
					regObjArr[i].height = obj.getAttribute("height") ? obj.getAttribute("height") : "0";
					if (hasPlayerVersion(regObjArr[i].swfVersion)) { // Flash plug-in version >= Flash content version: Houston, we have a match!
						if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements
							fixParams(obj);
						}
					}
					else if (regObjArr[i].expressInstall && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) { // Show the Adobe Express Install dialog if set by the web page author and if supported (fp6.0.65+ on Win/Mac OS only)
						showExpressInstall(regObjArr[i]);
					}
					else { // Flash plug-in and Flash content version mismatch: display alternative content instead of Flash content
						displayAltContent(obj);
					}
				}
			}
			createCSS("#" + id, CSS_VISIBLE);
		}
	}
	
	/* Fix nested param elements, which are ignored by older webkit engines
		- This includes Safari up to and including version 1.2.2 on Mac OS 10.3
		- Fall back to the proprietary embed element
	*/
	function fixParams(obj) {
		var nestedObj = obj.getElementsByTagName(OBJECT)[0];
		if (nestedObj) {
			var e = document.createElement("embed"), a = nestedObj.attributes;
			if (a) {
				var al = a.length;
				for (var i = 0; i < al; i++) {
					if (a[i].nodeName.toLowerCase() == "data") {
						e.setAttribute("src", a[i].nodeValue);
					}
					else {
						e.setAttribute(a[i].nodeName, a[i].nodeValue);
					}
				}
			}
			var c = nestedObj.childNodes;
			if (c) {
				var cl = c.length;
				for (var j = 0; j < cl; j++) {
					if (c[j].nodeType == 1 && c[j].nodeName.toLowerCase() == "param") {
						e.setAttribute(c[j].getAttribute("name"), c[j].getAttribute("value"));
					}
				}
			}
			obj.parentNode.replaceChild(e, obj);
		}
	}
	
	/* Fix hanging audio/video threads and force open sockets and NetConnections to disconnect
		- Occurs when unloading a web page in IE using fp8+ and innerHTML/outerHTML
		- Dynamic publishing only
	*/
	function fixObjectLeaks(id) {
		if (ua.ie && ua.win && hasPlayerVersion([8,0,0])) {
			window.attachEvent("onunload", function () {
				var obj = document.getElementById(id);
				for (var i in obj) {
					if (typeof obj[i] == "function") {
						obj[i] = function() {};
					}
				}
				obj.parentNode.removeChild(obj);
			});
		}
	}
	
	/* Show the Adobe Express Install dialog
		- Reference: http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75
	*/
	function showExpressInstall(regObj) {
		isExpressInstallActive = true;
		var obj = document.getElementById(regObj.id);
		if (obj) {
			if (regObj.altContentId) {
				var ac = document.getElementById(regObj.altContentId);
				if (ac) {
					storedAltContent = ac;
				}
			}
			else {
				storedAltContent = abstractAltContent(obj);
			}
			if (!(/%$/.test(regObj.width)) && parseInt(regObj.width, 10) < 310) {
				regObj.width = "310";
			}
			if (!(/%$/.test(regObj.height)) && parseInt(regObj.height, 10) < 137) {
				regObj.height = "137";
			}
			document.title = document.title.slice(0, 47) + " - Flash Player Installation";
			var pt = ua.ie && ua.win ? "ActiveX" : "PlugIn",
				dt = document.title,
				fv = "MMredirectURL=" + window.location + "&MMplayerType=" + pt + "&MMdoctitle=" + dt,
				replaceId = regObj.id;
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			if (ua.ie && ua.win && obj.readyState != 4) {
				var newObj = document.createElement("div");
				replaceId += "SWFObjectNew";
				newObj.setAttribute("id", replaceId);
				obj.parentNode.insertBefore(newObj, obj); // Insert placeholder div that will be replaced by the object element that loads expressinstall.swf
				obj.style.display = "none";
				window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
			}
			createSWF({ data:regObj.expressInstall, id:EXPRESS_INSTALL_ID, width:regObj.width, height:regObj.height }, { flashvars:fv }, replaceId);
		}
	}
	
	/* Functions to abstract and display alternative content
	*/
	function displayAltContent(obj) {
		if (ua.ie && ua.win && obj.readyState != 4) {
			// For IE when a SWF is loading (AND: not available in cache) wait for the onload event to fire to remove the original object element
			// In IE you cannot properly cancel a loading SWF file without breaking browser load references, also obj.onreadystatechange doesn't work
			var el = document.createElement("div");
			obj.parentNode.insertBefore(el, obj); // Insert placeholder div that will be replaced by the alternative content
			el.parentNode.replaceChild(abstractAltContent(obj), el);
			obj.style.display = "none";
			window.attachEvent("onload", function() { obj.parentNode.removeChild(obj); });
		}
		else {
			obj.parentNode.replaceChild(abstractAltContent(obj), obj);
		}
	}	
 
	function abstractAltContent(obj) {
		var ac = document.createElement("div");
		if (ua.win && ua.ie) {
			ac.innerHTML = obj.innerHTML;
		}
		else {
			var nestedObj = obj.getElementsByTagName(OBJECT)[0];
			if (nestedObj) {
				var c = nestedObj.childNodes;
				if (c) {
					var cl = c.length;
					for (var i = 0; i < cl; i++) {
						if (!(c[i].nodeType == 1 && c[i].nodeName.toLowerCase() == "param") && !(c[i].nodeType == 8)) {
							ac.appendChild(c[i].cloneNode(true));
						}
					}
				}
			}
		}
		return ac;
	}
	
	/* Cross-browser dynamic SWF creation
	*/
	function createSWF(attObj, parObj, id) {
		var r, el = document.getElementById(id);
		if (typeof attObj.id == UNDEF) { // if no 'id' is defined for the object element, it will inherit the 'id' from the alternative content
			attObj.id = id;
		}
		if (ua.ie && ua.win) { // IE, the object element and W3C DOM methods do not combine: fall back to outerHTML
			var att = "";
			for (var i in attObj) {
				if (attObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries, like Object.prototype.toJSONString = function() {}
					if (i == "data") {
						parObj.movie = attObj[i];
					}
					else if (i.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						att += ' class="' + attObj[i] + '"';
					}
					else if (i != "classid") {
						att += ' ' + i + '="' + attObj[i] + '"';
					}
				}
			}
			var par = "";
			for (var j in parObj) {
				if (parObj[j] != Object.prototype[j]) { // Filter out prototype additions from other potential libraries
					par += '<param name="' + j + '" value="' + parObj[j] + '" />';
				}
			}
			el.outerHTML = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"' + att + '>' + par + '</object>';
			fixObjectLeaks(attObj.id); // This bug affects dynamic publishing only
			r = document.getElementById(attObj.id);	
		}
		else if (ua.webkit && ua.webkitVersion < 312) { // Older webkit engines ignore the object element's nested param elements: fall back to the proprietary embed element
			var e = document.createElement("embed");
			e.setAttribute("type", FLASH_MIME_TYPE);
			for (var k in attObj) {
				if (attObj[k] != Object.prototype[k]) { // Filter out prototype additions from other potential libraries
					if (k == "data") {
						e.setAttribute("src", attObj[k]);
					}
					else if (k.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						e.setAttribute("class", attObj[k]);
					}
					else if (k != "classid") { // Filter out IE specific attribute
						e.setAttribute(k, attObj[k]);
					}
				}
			}
			for (var l in parObj) {
				if (parObj[l] != Object.prototype[l]) { // Filter out prototype additions from other potential libraries
					if (l != "movie") { // Filter out IE specific param element
						e.setAttribute(l, parObj[l]);
					}
				}
			}
			el.parentNode.replaceChild(e, el);
			r = e;
		}
		else { // Well-behaving browsers
			var o = document.createElement(OBJECT);
			o.setAttribute("type", FLASH_MIME_TYPE);
			for (var m in attObj) {
				if (attObj[m] != Object.prototype[m]) { // Filter out prototype additions from other potential libraries
					if (m.toLowerCase() == "styleclass") { // 'class' is an ECMA4 reserved keyword
						o.setAttribute("class", attObj[m]);
					}
					else if (m != "classid") { // Filter out IE specific attribute
						o.setAttribute(m, attObj[m]);
					}
				}
			}
			for (var n in parObj) {
				if (parObj[n] != Object.prototype[n] && n != "movie") { // Filter out prototype additions from other potential libraries and IE specific param element
					createObjParam(o, n, parObj[n]);
				}
			}
			el.parentNode.replaceChild(o, el);
			r = o;
		}
		return r;
	}
 
	function createObjParam(el, pName, pValue) {
		var p = document.createElement("param");
		p.setAttribute("name", pName);	
		p.setAttribute("value", pValue);
		el.appendChild(p);
	}
	
	function hasPlayerVersion(rv) {
		return (ua.playerVersion[0] > rv[0] || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] > rv[1]) || (ua.playerVersion[0] == rv[0] && ua.playerVersion[1] == rv[1] && ua.playerVersion[2] >= rv[2])) ? true : false;
	}
	
	/* Cross-browser dynamic CSS creation
		- Based on Bobby van der Sluis' solution: http://www.bobbyvandersluis.com/articles/dynamicCSS.php
	*/	
	function createCSS(sel, decl) {
		if (ua.ie && ua.mac) {
			return;
		}
		var h = document.getElementsByTagName("head")[0], s = document.createElement("style");
		s.setAttribute("type", "text/css");
		s.setAttribute("media", "screen");
		if (!(ua.ie && ua.win) && typeof document.createTextNode != UNDEF) {
			s.appendChild(document.createTextNode(sel + " {" + decl + "}"));
		}
		h.appendChild(s);
		if (ua.ie && ua.win && typeof document.styleSheets != UNDEF && document.styleSheets.length > 0) {
			var ls = document.styleSheets[document.styleSheets.length - 1];
			if (typeof ls.addRule == OBJECT) {
				ls.addRule(sel, decl);
			}
		}
	}
	
	return {
 
		/* Public API
			- Reference: http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation
		*/ 
		registerObject: function(objectIdStr, swfVersionStr, xiSwfUrlStr) {
			if (!ua.w3cdom || !objectIdStr || !swfVersionStr) {
				return;
			}
			var regObj = {};
			regObj.id = objectIdStr;
			var v = swfVersionStr.split(".");
			regObj.swfVersion = [parseInt(v[0], 10), parseInt(v[1], 10), parseInt(v[2], 10)];
			regObj.expressInstall = xiSwfUrlStr ? xiSwfUrlStr : false;
			regObjArr[regObjArr.length] = regObj;
			createCSS("#" + objectIdStr, CSS_HIDDEN);
		},
		
		getObjectById: function(objectIdStr) {
			var r = null;
			if (ua.w3cdom && isDomLoaded) {
				var o = document.getElementById(objectIdStr);
				if (o) {
					var n = o.getElementsByTagName(OBJECT)[0];
					if (!n || (n && typeof o.SetVariable != UNDEF)) {
				    	r = o;
					}
					else if (typeof n.SetVariable != UNDEF) {
						r = n;
					}
				}
			}
			return r;
		},
		
		embedSWF: function(swfUrlStr, replaceElemIdStr, widthStr, heightStr, swfVersionStr, xiSwfUrlStr, flashvarsObj, parObj, attObj) {
			if (!ua.w3cdom || !swfUrlStr || !replaceElemIdStr || !widthStr || !heightStr || !swfVersionStr) {
				return;
			}
			widthStr += ""; // Auto-convert to string to make it idiot proof
			heightStr += "";
			if (hasPlayerVersion(swfVersionStr.split("."))) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				var att = (typeof attObj == OBJECT) ? attObj : {};
				att.data = swfUrlStr;
				att.width = widthStr;
				att.height = heightStr;
				var par = (typeof parObj == OBJECT) ? parObj : {};
				if (typeof flashvarsObj == OBJECT) {
					for (var i in flashvarsObj) {
						if (flashvarsObj[i] != Object.prototype[i]) { // Filter out prototype additions from other potential libraries
							if (typeof par.flashvars != UNDEF) {
								par.flashvars += "&" + i + "=" + flashvarsObj[i];
							}
							else {
								par.flashvars = i + "=" + flashvarsObj[i];
							}
						}
					}
				}
				addDomLoadEvent(function() {
					createSWF(att, par, replaceElemIdStr);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
			else if (xiSwfUrlStr && !isExpressInstallActive && hasPlayerVersion([6,0,65]) && (ua.win || ua.mac)) {
				createCSS("#" + replaceElemIdStr, CSS_HIDDEN);
				addDomLoadEvent(function() {
					var regObj = {};
					regObj.id = regObj.altContentId = replaceElemIdStr;
					regObj.width = widthStr;
					regObj.height = heightStr;
					regObj.expressInstall = xiSwfUrlStr;
					showExpressInstall(regObj);
					createCSS("#" + replaceElemIdStr, CSS_VISIBLE);
				});
			}
		},
		
		getFlashPlayerVersion: function() {
			return { major:ua.playerVersion[0], minor:ua.playerVersion[1], release:ua.playerVersion[2] };
		},
		
		hasFlashPlayerVersion: function(versionStr) {
			return hasPlayerVersion(versionStr.split("."));
		},
		
		createSWF: function(attObj, parObj, replaceElemIdStr) {
			if (ua.w3cdom && isDomLoaded) {
				return createSWF(attObj, parObj, replaceElemIdStr);
			}
			else {
				return undefined;
			}
		},
		
		createCSS: function(sel, decl) {
			if (ua.w3cdom) {
				createCSS(sel, decl);
			}
		},
		
		addDomLoadEvent:addDomLoadEvent,
		
		addLoadEvent:addLoadEvent,
		
		getQueryParamValue: function(param) {
			var q = document.location.search || document.location.hash;
			if (param == null) {
				return q;
			}
		 	if(q) {
				var pairs = q.substring(1).split("&");
				for (var i = 0; i < pairs.length; i++) {
					if (pairs[i].substring(0, pairs[i].indexOf("=")) == param) {
						return pairs[i].substring((pairs[i].indexOf("=") + 1));
					}
				}
			}
			return "";
		},
		
		// For internal usage only
		expressInstallCallback: function() {
			if (isExpressInstallActive && storedAltContent) {
				var obj = document.getElementById(EXPRESS_INSTALL_ID);
				if (obj) {
					obj.parentNode.replaceChild(storedAltContent, obj);
					storedAltContent = null;
					isExpressInstallActive = false;
				}
			} 
		}
		
	};
 
}();
 
 
 
 
 
 
 
 
 
 
 
 
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 15000;
 
// Duration of crossfade (seconds)
var crossFadeDuration = 9;
 
var pics = new Array();
pics[0] = "http://www.domain.co.il/domain/images/mirr.jpg";
pics[1] = "http://www.domain.co.il/domain/images/pizza.jpg";
pics[2] = "http://www.domain.co.il/domain/images/securn.jpg";
pics[3] = "http://www.domain.co.il/domain/images/serr.jpg";
 
var divIDs = new Array();
divIDs[0] = "div_1";
divIDs[1] = "div_2";
divIDs[2] = "div_3";
divIDs[3] = "div_4";
 
var ytURLs = new Array();
ytURLs[0] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[1] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[2] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
ytURLs[3] = "http://www.youtube.com/v/DtL0-Gd9gvs&rel=0";
 
var curPic = -1;
var nextPic = 0;
var numPics = pics.length;
var continueSlideShow = true;
var slideTimer;
 
var preLoad = new Array()
for (i=0; i<numPics; i++){
   preLoad[i] = new Image();
   preLoad[i].src = pics[i];
}
 
function loadYTVideo(i)
{
      ytDIVID = divIDs[i] + "_yt";
      videoURL = ytURLs[i] + "&amp;border=0&amp;enablejsapi=1&amp;playerapiid=" + ytDIVID;
      var params = {allowScriptAccess: "always"};
      var atts = {id: ytDIVID};
      swfobject.embedSWF(videoURL, ytDIVID, "300", "250", "8", null, null, params, atts);
}
 
function loadPics(){
  var divLen = divIDs.length;
  var ytLen = ytURLs.length;
  if (divLen >= ytLen)
  {
    for (i=0; i<ytLen; i++)
    {
		var ID=ytURLs[0].match("http://www.youtube.com/v/(.+)&rel=0")[1];
		document.getElementById(divIDs[i]+"_yt").innerHTML = '<img src="http://img.youtube.com/vi/'+ID+'/2.jpg" onClick="loadYTVideo('+i+')" width="300" height=250"/>';
    }
  }
  else
    alert("Error not enough DIVs to hold videos");
}
 
function loadYTVideos()
{
	loadPics();
}
 
function onYouTubePlayerReady(playerId)
{
  var ytplayer = null;
  
  if (document.getElementById)
    ytplayer = document.getElementById(playerId);
  else if (document.all)
    ytplayer = document.all(playerId);
  
  if (ytplayer)
  {
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
 
    if (document.getElementById)
      ytplayer.setAttribute("isReady", "true");
    else if (document.all)
      ytplayer.isReady = "true";
    ytplayer.playVideo();
  }
}
 
function onytplayerStateChange(newState)
{
  switch (newState)
  {
    case 0:
    case 2:
      // Video ended or paused
      continueSlideShow = true;
      break;
    case 1:
    case 3:
      // Video buffering or playing
      continueSlideShow = false;
      break;
  }
}
 
 
function runSlideShow()
{
  if (!continueSlideShow)
  {
    // Slide show is stopped because video is playing try again in 5 second
    clearTimeout(slideTimer);
    slideTimer = setTimeout('runSlideShow()', 5000);
    return;
  }
 
  if (document.all)
  {
    // Set blend transition for IE
    document.getElementById('SlideShow').style.filter = 'blendTrans(duration=crossFadeDuration)';
    document.getElementById('SlideShow').filters.blendTrans.Apply();
  }
 
  // Set background image
  if (document.getElementById)
    document.getElementById('SlideShow').background = preLoad[nextPic].src;
  else
    document.all['SlideShow'].background=preLoad[nextPic].src;
 
  // Play blend transition for IE
  if (document.all)
    document.getElementById('SlideShow').filters.blendTrans.Play();
 
  // Show new DIV
  if (document.getElementById)
    document.getElementById(divIDs[nextPic]).style.display = 'inline';
  else
    document.all(divIDs[nextPic]).style.display = 'inline';
 
  // Hide last DIV
  if (curPic != -1)
  {
    if (document.getElementById)
      document.getElementById(divIDs[curPic]).style.display = 'none';
    else
      document.all(divIDs[curPic]).style.display = 'none';
  }
 
  // Increment current/next picture number
  curPic = nextPic;
  nextPic += 1;
  if (nextPic > (numPics-1))
    nextPic = 0;
 
  // Set timer for next transition
  slideTimer = setTimeout('runSlideShow()', slideShowSpeed);
}
 
function nextSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
function prevSlide()
{
  // Stop current timer from executing
  clearTimeout(slideTimer);
 
  // Pause playing video
  pauseAll();
 
  // Reset slide show continuation variable
  continueSlideShow = true;
 
  // Reset slide #
  if (curPic > 0)
    nextPic = curPic-1;
  else
    nextPic = numPics-1;
 
  // Advance the slide
  runSlideShow();
 
  // Stop the slide show
  clearTimeout(slideTimer);
  continueSlideShow = false;
}
 
 
function pauseAll()
{
  var ytLen = ytURLs.length;
  for (i=0; i<ytLen; i++)
  {
    var isReady = false;
    var ytplayer = null;
    if (document.getElementById)
    {
      ytplayer = document.getElementById(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.getAttribute("isReady") == "true")
        isReady = true;
    }
    else if (document.all)
    {
      ytplayer = document.all(divIDs[i] + "_yt");
      if (ytplayer && ytplayer.isReady == "true")
        isReady = true;
    }
 
    if (ytplayer && isReady)
    {
      if (ytplayer.getPlayerState)
      {
        var playerState = ytplayer.getPlayerState();
        if (playerState == 1 || playerState == 3)
          ytplayer.pauseVideo();
      }
    }
  }
}

Open in new window

0
 
LVL 16

Expert Comment

by:sh0e
ID: 22759071
The code I posted in the last message is to be placed in swfobject.js again.
I added a line to play the video when it's inserted.
0
 

Author Comment

by:Sasha-N
ID: 22759396
You are great! thank you very much!:)

0

Featured Post

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question