<?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>Learning the World &#187; flash</title>
	<atom:link href="http://learningtheworld.eu/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://learningtheworld.eu</link>
	<description></description>
	<lastBuildDate>Tue, 06 Nov 2012 00:17:33 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.9.1</generator>
	<item>
		<title>Embedding YouTube Video with iPhone Fallback</title>
		<link>http://learningtheworld.eu/2009/youtube-embed/</link>
		<comments>http://learningtheworld.eu/2009/youtube-embed/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 17:00:01 +0000</pubDate>
		<dc:creator><![CDATA[Martin Kliehm]]></dc:creator>
				<category><![CDATA[web development]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[fallback]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[how-to]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[object]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://learningtheworld.eu/?p=729</guid>
		<description><![CDATA[Just a quick note as a reminder to myself <strong>how to embed YouTube videos</strong> in a standards compliant, valid <acronym title="Extensible Hypertext Markup Language">XHTML</acronym> syntax. It works across all current browsers, doesn&#8217;t use <code>&#60;embed&#62;</code>, and has the elegant fallback displaying a still image that is linked to YouTube, thus enabling iPhone users without Flash to view the video.]]></description>
				<content:encoded><![CDATA[<p>Just a quick note as a reminder to myself <strong>how to embed YouTube videos</strong> in a standards compliant, valid <acronym title="Extensible Hypertext Markup Language">XHTML</acronym> syntax. It works across all current browsers, doesn&rsquo;t use <code>&lt;embed&gt;</code>, and has the elegant fallback displaying a still image that is linked to YouTube, thus enabling iPhone users without Flash to view the video.</p>

<ol class="code">
<li><code>&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;http://www.youtube.com/<span class="codeSpace">&nbsp;</span>v/<span class="codeSpace">&nbsp;</span><em>VideoID</em>&quot; width=&quot;480&quot; height=&quot;360&quot;></code></li>
<li class="indent"><code>&lt;param name=&quot;movie&quot; value=&quot;http://www.youtube.com/<span class="codeSpace">&nbsp;</span>v/<span class="codeSpace">&nbsp;</span><em>VideoID</em>&quot; /&gt;</code></li>
<li class="indent"><code>&lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;</code></li>
<li class="indent"><code>&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt;</code></li>
<li class="indent"><code><strong>&lt;!-- Fallback content --&gt;</strong></code></li>
<li class="indent"><code>&lt;a href=&quot;http://www.youtube.com/<span class="codeSpace">&nbsp;</span>watch?<span class="codeSpace">&nbsp;</span>v=<em>VideoID</em>&quot;&gt;</code></li>
<li class="indent"><span class="indent"><code>&lt;img src=&quot;http://img.youtube.com/<span class="codeSpace">&nbsp;</span>vi/<span class="codeSpace">&nbsp;</span><em>VideoID</em>/0.jpg&quot; width=&quot;480&quot; height=&quot;360&quot; alt=&quot;[Video title]&quot; /&gt;<br />YouTube Video</code></span></li>
<li class="indent"><code>&lt;/a&gt;</code></li>
<li><code>&lt;/object&gt;</code></li>
</ol>

<p>Please note that there are spaces in the code above to allow linebreaks. If you copy and paste you need to remove those. <img src="http://learningtheworld.eu/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley" /> </p>

<p>Here is an example:</p>

<p><object type="application/x-shockwave-flash" data="http://www.youtube.com/v/ybPeQUEgk-0" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/ybPeQUEgk-0" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<a href="http://www.youtube.com/watch?v=ybPeQUEgk-0">
<img src="http://img.youtube.com/vi/ybPeQUEgk-0/0.jpg" width="425" height="344" alt="Little 'Tinker Cartoon" />
YouTube Video
</a>
</object></p>
]]></content:encoded>
			<wfw:commentRss>http://learningtheworld.eu/2009/youtube-embed/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Crowdsourcing YouTube Video Captioning</title>
		<link>http://learningtheworld.eu/2008/captioning-youtube-with-dfxp/</link>
		<comments>http://learningtheworld.eu/2008/captioning-youtube-with-dfxp/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 20:34:45 +0000</pubDate>
		<dc:creator><![CDATA[Martin Kliehm]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[captioning]]></category>
		<category><![CDATA[Chris Heilmann]]></category>
		<category><![CDATA[Christian Heilmann]]></category>
		<category><![CDATA[deafness]]></category>
		<category><![CDATA[dfxp]]></category>
		<category><![CDATA[Ed Eliot]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MAGpie]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Yahoo! Video]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://learningtheworld.eu/?p=97</guid>
		<description><![CDATA[When Chris Heilmann had the splendid idea to add <strong>captioning to YouTube videos</strong> with Google&#8217;s JavaScript <acronym title="Application Programming Interface">API</acronym>, I asked myself if there wasn&#8217;t a better way. There is, but to my surprise neither <em>YouTube</em> nor <em>Yahoo! Video</em> take advantage of that capability.&#160;[&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Oh, I just <em>love</em> <a href="http://www.wait-till-i.com/">Christian Heilmann&rsquo;s blog</a>! He&rsquo;s one of the most skilled JavaScript developers I know, so I can still learn tricks from him and his colleagues at Yahoo! But he also <strong>does everything with JavaScript</strong>, and every time when this happens, it inspires me to mull over how it could be done <strong>without</strong>! You know, because restrictive company proxies filter JavaScript, or just to provide a graceful alternative, or because I&rsquo;m so old-fashioned. <img src="http://learningtheworld.eu/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley" /> </p>

<p>So when Chris mentions JavaScript badges for del.icio.us, I think of Ed Eliot&rsquo;s <a href="http://www.ejeliot.com/projects/php-delicious">PhpDelicious</a> or how to get <a href="http://learningtheworld.eu/2008/wordpress-goodies-with-inlinerss/">similar results</a> in WordPress. Naturally when he had the splendid idea to add <strong>captioning to YouTube videos</strong> with <a href="http://www.wait-till-i.com/2008/03/12/video-captioning-made-easy-with-the-youtube-javascript-api/">Google&rsquo;s JavaScript <acronym title="Application Programming Interface">API</acronym></a>, I asked myself if there wasn&rsquo;t a better way. There is, but to my surprise neither <em>YouTube</em> nor <em>Yahoo! Video</em> take advantage of that capability:</p>

<ol><li>It&rsquo;s common practice to implement <strong>text content in Flash via <acronym title="Extensible Markup Language">XML</acronym></strong>.</li>
<li><a href="http://www.w3.org/TR/ttaf1-dfxp/"><strong><acronym title="Distribution Format Exchange Profile">DFXP</acronym></strong></a> is a <acronym title="World Wide Web Consortium">W3C</acronym> <strong><acronym>XML</acronym> standard</strong> for captioning videos.</li>
<li>There are <a href="http://www.adobe.com/accessibility/products/flash/captioning_tools.html">free tools</a> like <a href="http://ncam.wgbh.org/webaccess/magpie/">MAGpie</a> for creating captions, and they all support <strong><acronym>DFXP</acronym></strong>.</li>
<li>If <em>YouTube</em> or <em>Yahoo! Video</em> would allow users to <strong>upload and attach a <acronym>DFXP</acronym> file</strong> to a video, it would become dead easy for anybody to caption it. Not only for the filmmaker, captioning could be <strong>crowdsourced</strong>!</li></ol>

<p>Just anticipating <a href="http://joeclark.org">Joe Clark&rsquo;s</a> inevitable (and justifiable) objection: of course captioning is not an easy thing that anybody can do, to do it right it requires people with special training. But considering the number of videos on those platforms the only affordable and practical solution to provide any captioning at all is crowdsourcing. That can also be applied to the control of quality, accuracy, or reporting abuse.</p>

<p>Of course this would enhance primarily accessibility, but the <acronym>XML</acronym> files would further help search engines to <strong>index video content</strong>. And their marketing people would love such a feature for the positive <acronym>PR</acronym>!</p>

<p>Well, I submitted the suggestion both to Google and Yahoo!, you can <a href="http://suggestions.yahoo.com/detail/?prop=ydn&#038;fid=80528">vote on the Yahoo! Developer Network</a> for it (Google is more closed-lipped). I&rsquo;m curious who will be the first to offer that feature&nbsp;&hellip;</p>
]]></content:encoded>
			<wfw:commentRss>http://learningtheworld.eu/2008/captioning-youtube-with-dfxp/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
