<?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> &#187; Troubleshooting</title>
	<atom:link href="http://videoadviser.mixpo.com/category/troubleshooting/feed/" rel="self" type="application/rss+xml" />
	<link>http://videoadviser.mixpo.com</link>
	<description></description>
	<lastBuildDate>Thu, 01 Apr 2010 15:53:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Create overlays that work at any embed size</title>
		<link>http://videoadviser.mixpo.com/2008/11/09/create-overlays-that-work-at-any-embed-size/</link>
		<comments>http://videoadviser.mixpo.com/2008/11/09/create-overlays-that-work-at-any-embed-size/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 18:37:53 +0000</pubDate>
		<dc:creator>Connie Miller</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Troubleshooting]]></category>
		<category><![CDATA[Mixpo]]></category>
		<category><![CDATA[overlays]]></category>

		<guid isPermaLink="false">http://videoadviser.mixpo.com/?p=5</guid>
		<description><![CDATA[You add a bunch of overlays to a VideoAd. You preview the VideoAd and everything looks great. Then, you publish the VideoAd at the 300&#215;250 size and embed it as a banner ad in an online publication. When you play the VideoAd you notice that some of your overlays break at odd places and look [...]]]></description>
			<content:encoded><![CDATA[<p>You add a bunch of overlays to a VideoAd. You preview the VideoAd and everything looks great.</p>
<p>Then, you publish the VideoAd at the 300&#215;250 size and embed it as a banner ad in an online publication. When you play the VideoAd you notice that some of your overlays break at odd places and look pretty unprofessional.</p>
<p>Here are some tips for resolving these overlay problems and avoiding them in the future.</p>
<p>First, lets look at an example.</p>
<p>Suppose you created this lead capture overlay in a VideoAd for a Japanese restaurant.</p>
<div id="attachment_6" class="wp-caption alignnone" style="width: 235px"><img class="size-medium wp-image-6" title="editoverlay" src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/editoverlay.png" alt="Overlay in the Studio" width="225" height="175" /><p class="wp-caption-text">Overlay in the Studio</p></div>
<p>It looks fine when you preview the VideoAd. However, when you actually publish the VideoAd as a banner ad, the overlay looks, lets face it, ugly and unprofessional:</p>
<div id="attachment_7" class="wp-caption alignnone" style="width: 251px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/playoverlay.png" alt="Overlay in published banner ad" title="playoverlay" width="241" height="200" class="size-medium wp-image-7" /><p class="wp-caption-text">Overlay in published banner ad</p></div>
<p>The key to making overlays look good regardless of VideoAd embed size is to give the overlay text room to breathe and expand.</p>
<p>Compare these two overlays:</p>
<table border="0" cellpadding="5">
<tbody>
<tr>
<td>
<div id="attachment_8" class="wp-caption alignnone" style="width: 235px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/editoverlay-1.png" alt="Constrained overlay" title="editoverlay-1" width="225" height="175" class="size-medium wp-image-8" /><p class="wp-caption-text">Constrained overlay</p></div></td>
<td><div id="attachment_9" class="wp-caption alignnone" style="width: 220px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/editoverlay2.png" alt="Overlay with breathing room" title="editoverlay2" width="210" height="172" class="size-medium wp-image-9" /><p class="wp-caption-text">Overlay with breathing room</p></div></td>
</tr>
</tbody>
</table>
<p>Overlays with room to breathe look good at any embed size:</p>
<p><div id="attachment_10" class="wp-caption alignnone" style="width: 251px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/playoverlay2.png" alt="Overlay with room to breathe" title="playoverlay2" width="241" height="201" class="size-medium wp-image-10" /><p class="wp-caption-text">Overlay with room to breathe</p></div>
<p>This same principle applies to plain text overlays. Just make sure you give them room to breathe.</p>
<div id="attachment_12" class="wp-caption alignnone" style="width: 310px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/plainoverlay1-300x94.png" alt="Constained overlay" title="plainoverlay1" width="300" height="94" class="size-medium wp-image-12" /><p class="wp-caption-text">Constained overlay</p></div>
<div id="attachment_15" class="wp-caption alignnone" style="width: 397px"><img src="http://videoadviser.mixpo.com/wp-content/uploads/2008/11/plainoverlay21.png" alt="Overlay with breathing room" title="plainoverlay21" width="387" height="102" class="size-full wp-image-15" /><p class="wp-caption-text">Overlay with breathing room</p></div>
<p style="font-size:10px;"><a href="http://www.mixpo.com/help/make/make#leadcapture" target="_blank">I&#8217;d like to know more about lead capture overlays</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://videoadviser.mixpo.com/2008/11/09/create-overlays-that-work-at-any-embed-size/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

