<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tarek Shalaby &#187; YouTube</title>
	<atom:link href="http://www.tarekshalaby.com/tag/youtube/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tarekshalaby.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 20 Jan 2012 18:01:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Case study video: ME app social media campaign</title>
		<link>http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/</link>
		<comments>http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 14:37:24 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=1039</guid>
		<description><![CDATA[A case study of ME, a mobile application that acts as an infotainment portal. This video shows how we were able to generate interest from the target audience to download and and register to use the free app, provided via Mobinil. It was a bit of a challenge because the app is mainly in Arabic [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/" data-counturl="http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/" data-text="Case study video: ME app social media campaign" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2011%2F01%2Fcase-study-video-me-app-social-media-campaign%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>A case study of <a href="http://me3almobile.com">ME</a>, a mobile application that acts as an infotainment portal. This video shows how we were able to generate interest from the target audience to download and and register to use the free app, provided via Mobinil. It was a bit of a challenge because the app is mainly in Arabic and targets the masses, many of which are not easily accessible via social media,  and are not entirely comfortable with mobile applications.</p>
<p style="text-align: center;"><p><a href="http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/"><em>Click here to view the embedded video.</em></a></p></p>
<p>In Egypt, some professionals in the field of new marketing jump to the conclusion that you can do almost anything with social media, but as <a href="http://blog.enterplanet360.com">Tarek Nasr</a> argues in his <a href="http://blog.enterplanet360.com/2010/10/the-state-of-social-media-in-egypt-an-open-letter-to-marketers/">blog post</a>, we&#8217;re quite a distance from the new world. Having said that, I think this campaign showed that you can still make remarkable achievements. And it&#8217;s the people who decide.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2011/01/case-study-video-me-app-social-media-campaign/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Was Panda Cheese&#8217;s award-winning viral ad campaign stolen from another commercial?</title>
		<link>http://www.tarekshalaby.com/2010/09/was-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial/</link>
		<comments>http://www.tarekshalaby.com/2010/09/was-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 10:17:29 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ethics]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=977</guid>
		<description><![CDATA[Panda cheese came out with a successful advertising campaign that consists of about five commercials. The videos are on YouTube and have already received a couple of million views combined in a matter of a few days. In fact, they were handed awards from Cannes Lions. And why wouldn&#8217;t they? The idea is courageous, some [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2010/09/was-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial/" data-counturl="http://www.tarekshalaby.com/2010/09/was-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial/" data-text="Was Panda Cheese&#8217;s award-winning viral ad campaign stolen from another commercial?" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2010%2F09%2Fwas-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>Panda cheese came out with a successful advertising campaign that consists of about five commercials. The videos are on YouTube and have already received a couple of million views combined in a matter of a few days. In fact, they were handed <a href="http://arkarthick.com/2010/07/12/cannes-lions-2010-awesome-ad-films-winners-part-2/2/">awards</a> from <a href="http://www.canneslions.com/">Cannes Lions</a>.</p>
<p>And why wouldn&#8217;t they? The idea is courageous, some might even argue too bold (hence giving it even more value), and relatively unorthodox. They&#8217;re simply hilarious.</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=v6iHCFiSqIw">http://www.youtube.com/watch?v=v6iHCFiSqIw</a></p>
<p><em>All five ads back-to-back</em></p>
<p>The campaign was created by <a href="http://www.advantage-adv.com/">Advantage Marketing &amp; Advertising</a> (who are understandably ecstatic with the award). Not only has the campaign snow-balled before the general YouTube crowd, it was actually featured by one of the most influential YouTube celebrities of all time, Ray William Johnson.</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=SFEOn-bw7JY">http://www.youtube.com/watch?v=SFEOn-bw7JY</a></p>
<p><em>=3 reviews three viral videos, Panda&#8217;s ad is the last one</em></p>
<p>This is it! Egypt&#8217;s on the Social Media map! It&#8217;s refreshing, and indeed liberating, to see us break free from the self-imposed limits of lame, traditional marketing. It&#8217;s fantastic to conquer new territory, explore new terrains. It&#8217;s an inspiration to millions attempting to make it to the international scene.</p>
<p>Unfortunately, it has been brought to the attention of the social media enthusiasts in Egypt that there was a series of commercials that were released to the public as early as January of this year that consisted of many of the same elements that were showcased by the dairy producer:</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=6cr89xbl26g">http://www.youtube.com/watch?v=6cr89xbl26g</a></p>
<p><em>You can watch the entire campaign by searching &#8216;Bruins Hockey Rules&#8217; in YouTube</em></p>
<p>A coincidence? Possibly, but tough to swallow. Let&#8217;s recognize that besides the romantic music that kicks in as the crowd stares at the panda, the plot and storyboard are almost identical. Incidentally, the Bruins Hockey Rules campaign was not as viral (in terms of YouTube views, TV appearances is a different story).</p>
<p>If we were to assume that it was indeed very heavily influenced by the hockey team&#8217;s campaign, then it&#8217;s undoubtedly a heart-breaking drama. And it&#8217;s not solely about the ethics (or lack of) involved, it&#8217;s the crushing disappointment to many Egyptians and social media addicts throughout the entire Arab world that have long awaited the knight that would save the day, and be the change we want to see in our world. Why is it that, when we finally make it big, it has to be via borderline illegal approaches?</p>
<p>In all cases, let&#8217;s not take it all away from Panda and co. At least they were able to create a buzz, and perhaps spark enthusiasm to everyone around, inspiring them to express, produce, and share. Let it be but a bump on the road to web success.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2010/09/was-panda-cheeses-award-winning-viral-ad-campaign-stolen-from-another-commercial/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Embed Videos With Flowplayer</title>
		<link>http://www.tarekshalaby.com/2009/08/embed-videos-with-flowplayer/</link>
		<comments>http://www.tarekshalaby.com/2009/08/embed-videos-with-flowplayer/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 11:34:01 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=640</guid>
		<description><![CDATA[For anyone developing or maintaining a website, embedding videos used to always be an issue. That was until YouTube became the undisputed leader for sharing videos, and embedding them in websites. Normally, using a free service with a recognizable appearance and a visible watermark, like YouTube, is unprofessional. However, YouTube has become so popular, that [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/08/embed-videos-with-flowplayer/" data-counturl="http://www.tarekshalaby.com/2009/08/embed-videos-with-flowplayer/" data-text="Embed Videos With Flowplayer" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F08%2Fembed-videos-with-flowplayer%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>For anyone developing or maintaining a website, embedding videos used to always be an issue. That was until YouTube became the undisputed leader for sharing videos, and embedding them in websites. Normally, using a free service with a recognizable appearance and a visible watermark, like YouTube, is unprofessional. However, YouTube has become so popular, that even the large corporations and professional entities display their clips using it.</p>
<div id="attachment_641" class="wp-caption alignleft" style="width: 121px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/08/embedyoutube.png"><img class="size-medium wp-image-641   " title="YouTube is easy but limited" src="http://www.tarekshalaby.com/wp-content/uploads/2009/08/embedyoutube-226x300.png" alt="Embedding with YouTube is easy, but limited" width="111" height="147" /></a><p class="wp-caption-text">YouTube is easy but limited</p></div>
<p>The reasons to YouTube&#8217;s success as a &#8220;video distributer&#8221; are due to the simplicity of the process, the familiarity with it by the regular users, and the relative flexibility in terms of size and appearance. Anyone can simply create a free YouTube account, upload a video, customize the interface by choosing the border color and display size, and then embed it into any website using the generated code. Seems like the ideal solution.</p>
<p>However, there are a number of disadvantages to the YouTube way of life:</p>
<ol>
<li><strong>The video is on Google&#8217;s server, and not yours</strong>: Even if their servers are rarely down, it&#8217;s always comforting to be in possession of your own content</li>
<li><strong>Customization is limited</strong>: You have eight colors to choose from, and no say over the appearance of the border or controls</li>
<li><strong>Somewhat rigid</strong>: In order to make any changes, you need to go back to YouTube, and re-copy and paste the code</li>
<li><strong>Watermark and standard look</strong>: Nothing&#8217;s worse than having everything look the same. With YouTube, the watermark is very visible, and all of the players are virtually identical</li>
</ol>
<div id="attachment_642" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.tarekshalaby.com/wp-content/uploads/2009/08/flowplayer.png"><img class="size-medium wp-image-642" title="Flowplayer: Open Source Flash Video Player" src="http://www.tarekshalaby.com/wp-content/uploads/2009/08/flowplayer-300x82.png" alt="Flowplayer: Open Source Flash Video Player" width="300" height="82" /></a><p class="wp-caption-text">Flowplayer: Open Source Flash Video Player</p></div>
<p>This is where Flowplayer comes to the rescue. <a href="http://flowplayer.org/">Flowplayer</a> is an open-source JavaScript library that allows you to embed videos in your website via a full customizable player. It is as easy as calling on the JavaScript file, inserting an &lt;a&gt; tag, and then indicating the properties that you want to define. This basically means that instead of uploading a video to YouTube and embedding the player, you can upload the .flv to your web server and the markup will look like this:</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;head&gt;
&lt;!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org  --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;/js/flowplayer-3.1.2.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;!-- some styling for the standalone page. this line can (or must) be removed --&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/demos/standalone.css&quot;/&gt;

&lt;!-- player container--&gt;
&lt;a href=&quot;http://flowplayer.org/video/flowplayer-700.flv&quot; style=&quot;display:block;width:425px;height:300px;&quot; id=&quot;player&quot;&gt;&lt;/a&gt;

&lt;!-- this script block will install Flowplayer inside previous A tag --&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
flowplayer(&quot;player&quot;, &quot;/swf/flowplayer-3.1.2.swf&quot;);
&lt;/script&gt;
</pre>
<p>You can see the result <a href="http://flowplayer.org/demos/installation/index.htm">here</a>.</p>
<p>Notice that you call on the JS file in the &lt;head&gt;, and then you use the &lt;a&gt; to embed the player (you can also use &lt;div&gt;), and finally, some JavaScript to specify any attributes that you want to use.</p>
<p>Some of the features include:</p>
<ul>
<li>Embedding several videos in the same page without effecting performance</li>
<li>Choosing the splash image that, when clicked on, starts the video</li>
<li>Placing an image in the background, with a layer on top (ideal for a single &#8220;play&#8221; sign to be placed on any image)</li>
<li>Embedding a playlist of videos</li>
<li>A growing list of <a href="http://flowplayer.org/plugins/index.html">plugins</a> to be used with the player</li>
<li>Control such details as the fade in/fade out speed, cue points, and <a href="http://flowplayer.org/documentation/configuration/clips.html">much more</a></li>
</ul>
<p>Just by open-sourcing it (there&#8217;s also a commercial version), and allowing for the community to contribute with plugins on different levels means that the sky is the limit as far as embedding videos in websites is concerned. It might take a bit of time before it catches on with the regular users (who are very rarely willing to dig into the code), but for designers and developers, it should definitely be a tool to replace old-school video incorporation.</p>
<p>The website is very well designed and laid out, and the documentation is quite extensive, but it does seem to lack some usability. That is why when you first visit the Flowplayer website, you become confused as to what it is exactly, and how to works. After looking deeper, however, it has become clear that it is a very powerful tool with endless possibilities.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/08/embed-videos-with-flowplayer/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Broadcast Yourself In HD</title>
		<link>http://www.tarekshalaby.com/2009/08/broadcast-yourself-in-hd/</link>
		<comments>http://www.tarekshalaby.com/2009/08/broadcast-yourself-in-hd/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 17:01:40 +0000</pubDate>
		<dc:creator>Tarek Shalaby</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[censorship]]></category>
		<category><![CDATA[the Web]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[YouTube]]></category>

		<guid isPermaLink="false">http://www.tarekshalaby.com/?p=522</guid>
		<description><![CDATA[Last month, I posted a video about net neutrality that brought forward the serious threat facing our web. The battle is fierce at congress, with lobbyists pushing to virtually censor the internet and limit free access in support of the large corporations with dubious bank accounts, while the community of normal, everyday internet users are [...]]]></description>
			<content:encoded><![CDATA[<div class="social4i" style="height:69px;float: right;">
<div class="social4in" style="height:69px;float: right;">
<div class="socialicons s4twitter" style="float:left;margin-right: 10px;background:url(&quot;http://goo.gl/zjqd1&quot;) no-repeat;"><a href="http://twitter.com/share" data-url="http://www.tarekshalaby.com/2009/08/broadcast-yourself-in-hd/" data-counturl="http://www.tarekshalaby.com/2009/08/broadcast-yourself-in-hd/" data-text="Broadcast Yourself In HD" class="twitter-share-button" data-count="vertical" data-via="tarekshalaby"></a></div>
<div class="socialicons s4fblike" style="float:left;margin-right: 10px;">
<div id="fb-root"></div>
<p><fb:like href="http%3A%2F%2Fwww.tarekshalaby.com%2F2009%2F08%2Fbroadcast-yourself-in-hd%2F" send="false" layout="box_count" width="55" height="62" show_faces="false" font=""></fb:like></div>
</div>
<div style="clear:both"></div>
</div>
<p>Last month, I <a href="http://www.tarekshalaby.com/2009/07/documentary-on-net-neutrality/">posted a video about net neutrality</a> that brought forward the serious threat facing our web. The battle is fierce at congress, with lobbyists pushing to virtually censor the internet and limit free access in support of the large corporations with dubious bank accounts, while the community of normal, everyday internet users are firm on their stance to defend what is every human being&#8217;s born right. Campaigns such as <a href="http://www.savetheinternet.com/">Save The Internet</a> and <a href="http://www.wearetheweb.org/">We Are The Web</a> have been successful in spreading awareness and fighting corruption. On a slightly more positive note, there has been further developments on various fronts allowing for home users to challenge cable and network television on the web.</p>
<p>When YouTube introduced the High Definition version of users&#8217; videos through its website, it opened the way for millions of active members to provide users from all over the world with videos that they wanted to watch, in a much more pleasing quality. This meant that you were no longer sacrificing significant quality when you are viewing home videos. However, there was still very little competition with television channels and professional programming. The good news is that now, with YouTube, the HD quality just got better. At 850 x 480 px, the new HD quality videos are a real treat. Here&#8217;s a working example:</p>
<p style="text-align: center;">
<p><a href="http://www.youtube.com/watch?v=Abt8aAB-Dr0">http://www.youtube.com/watch?v=Abt8aAB-Dr0</a></p>
</p>
<p>This is a video by the <a href="http://improveverywhere.com/">Improv Everywhere</a> people, who are a New York-based group that go on the craziest missions throughout the city and beyond. It is a classic example of thinking outside the box, and taking the creativity to the next level. In simple words, it is a form of modern art, using the tools and services provided by our dear web.</p>
<p>The video is currently displayed in the traditional form. If you click on the actual screen to visit the YouTube page, you will see that it provides you with an HD option. Unlike the old days, clicking on that HD button will not slightly improve the quality, it will significantly up the resolution and size, consuming the width of the website. Go full screen, and you will completely forget that you are watching a low-budget video posted for free on the community-based YouTube. And that is precisely the beauty of the Internet.</p>
<p>YouTube&#8217;s new HD format means regular videos are viewed at semi-professional resolutions, closing in on the gap between the professional channels, and the people&#8217;s voice/images. Add on to that the advancements in the digital and video camera markets, and the falling prices, and you have just cooked up the perfect recipe that makes it a fair game. It has been evermore clear over the last couple of years that content provided by home users and everyday people has been claiming more and more interest and fame amongst the viewers world-wide.</p>
<p>Assuming that the net stays neutral, as it absolutely must, we are in for a ride, as the millions of channels of communication are allowing direct contact between internet users across space and time. With exquisite content, and now quality display, life only gets better for the lucky ones cruising on the information super highway.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tarekshalaby.com/2009/08/broadcast-yourself-in-hd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

