<?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>CUTPLAZA DIARY &#187; YouTube</title>
	<atom:link href="http://plaza.chu.jp/diary/category/%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88/youtube-%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88/feed" rel="self" type="application/rss+xml" />
	<link>http://plaza.chu.jp/diary</link>
	<description>愛媛の美容師の気ままなダイアリー</description>
	<lastBuildDate>Sun, 12 Feb 2012 04:19:58 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>サイトやブログにYouTubeの紹介プレーヤーやブログパーツ</title>
		<link>http://plaza.chu.jp/diary/2009/01/youtube-player-blogparts.html</link>
		<comments>http://plaza.chu.jp/diary/2009/01/youtube-player-blogparts.html#comments</comments>
		<pubDate>Tue, 27 Jan 2009 07:24:25 +0000</pubDate>
		<dc:creator>Tomo</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[YouTube]]></category>
		<category><![CDATA[ブログパーツ]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[動画]]></category>

		<guid isPermaLink="false">http://plaza.chu.jp/diary/?p=3708</guid>
		<description><![CDATA[自分のサイトやブログにYouTubeの紹介プレーヤーやブログパーツを貼る事が出来る、「AJAX Video Bar」・「カスタム動画プレーヤー」・「マイ AdSense プレーヤー」の紹介です。 これらはYouTube、 [...]]]></description>
			<content:encoded><![CDATA[<p>自分のサイトやブログにYouTubeの紹介プレーヤーやブログパーツを貼る事が出来る、「AJAX Video Bar」・「カスタム動画プレーヤー」・「マイ AdSense プレーヤー」の紹介です。</p>
<p>これらはYouTube、もしくはGoogleアドセンスより作成する事が可能です。<br />
<a href="http://picasaweb.google.com/lh/photo/Z7q4GDMpqDXORVb3Dx2fUQ?feat=embedwebsite" target="_blank" title="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成"><img src="http://lh6.ggpht.com/_9kdsRzEdU34/SX6J5SR6DHI/AAAAAAAAEsg/nUbqUXqQcYY/s400/YouTube_ad01.png" alt="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成" title="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成" /></a></p>
<p>まずはYouTubeで気になるキーワードの動画や、特定のチャンネルやカテゴリーの動画の一覧をサムネイルしたブログパーツ「AJAX Video Bar」</p>
<p>これは動画紹介のPHPの方で利用していますが、サイドバーやバナー形式で表示する事が可能です。<br />
【<a href="http://cutplaza.from.tv/cgi/re/youtube.php?name=%94%F2%82%D1%97%A7%82%C2%83e%83%93%83g%83E%83%80%83V%82%CC%83X%83%8D%81%5B%83%82%81%5B%83V%83%87%83%93%89f%91%9C?fC61ZA4uWbs?blended?%83e%83%93%83g%83E%83%80%83V??0DU-BdWzlBI????" target="_blank" title="飛び立つテントウムシのスローモーション映像-動画-CUTPLAZA">飛び立つテントウムシのスローモーション映像-動画-CUTPLAZA</a>】<br />
<DIV style="position:relative;width:600px;height:500px;overflow:hidden;"><a href="http://picasaweb.google.com/lh/photo/KKAqT5jf3fDfp7YYBKgXYQ?feat=embedwebsite" target="_blank" title="「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ"><img style="position:absolute;top:-0px; left:-200px;border-width: 0;" src="http://lh3.ggpht.com/_9kdsRzEdU34/SX6cqgwu4aI/AAAAAAAAEtU/Ixdx8Ln1wp4/s800/AJAX_Video_Bar01.png" alt="「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ" class="rethimg" /></a></DIV><br />
「AJAX Video Bar」は指定したキーワードの動画を表示し、クリックするとページ内部で動画を表示する事が出来る仕組みになっています。<br />
複数のキーワードの指定も可能で、その際は一定時間ごとにキーワード動画一覧が変化します。</p>
<p><strong>■「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ</strong><br />
【<a href="http://www.google.com/uds/solutions/wizards/videobar.html" target="_blank" title="Google AJAX Search API - Video Bar Wizard">Google AJAX Search API &#8211; Video Bar Wizard</a>】<br />
<a href="http://picasaweb.google.com/lh/photo/Vrc3WAoGIfsI8n9bvEfQPQ?feat=embedwebsite" target="_blank" title="「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ"><img src="http://lh6.ggpht.com/_9kdsRzEdU34/SX6d_uTp4eI/AAAAAAAAEuE/zVZD_mtqU2E/s400/AJAX_Video_Bar02.png" alt="「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ" title="「AJAX Video Bar」ブログやサイトに動画紹介のサムネイル表示ブログパーツ" /></a><br />
キーワードを指定したりする事でブログやサイトに貼り付ける専用のコードを生成してくれますが、コード字体をいじる事も可能のようですので興味のある人は以下のリンク先から。(※但し英語表示)<br />
【<a href="http://www.google.com/uds/solutions/videobar/index.html" target="_blank" title="Google AJAX Search API - AJAX Video Bar">Google AJAX Search API &#8211; AJAX Video Bar</a>】<br />
【<a href="http://www.google.com/uds/solutions/videobar/reference.html#_youtubechannels" target="_blank" title="Google AJAX Search API - AJAX Video Bar - Video Bar Programming Guide">Google AJAX Search API &#8211; AJAX Video Bar &#8211; Video Bar Programming Guide</a>】</p>
<p>また、YouTubeのアカウントを持っている場合、「カスタム動画プレーヤー」が利用可能で、自身のアップロードしている動画一覧や再生動画リストを表示するプレーヤーをカスタマイズして作成できます。</p>
<p><strong>■「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成</strong><br />
【<a href="http://jp.youtube.com/my_players" target="_blank" title="YouTube - カスタム動画プレーヤー">YouTube &#8211; カスタム動画プレーヤー</a>】<br />
<a href="http://picasaweb.google.com/lh/photo/Z7q4GDMpqDXORVb3Dx2fUQ?feat=embedwebsite" target="_blank" title="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成"><img src="http://lh6.ggpht.com/_9kdsRzEdU34/SX6J5SR6DHI/AAAAAAAAEsg/nUbqUXqQcYY/s400/YouTube_ad01.png" alt="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成" title="「YouTubeカスタム動画プレーヤー」動画一覧を表示するプレーヤーを作成" /></a></p>
<p><strong>■「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示</strong><br />
Googleアドセンスのアカウントを持っている場合には、さらに紹介する動画一覧に、動画に関連する広告を表示する事も可能です。<br />
こちらは、当初、プレーヤー形式しかなかったのですが、バナー形式の物も登場しています。ここのブログの左のサイドバーに表示していますから、気になる方はご覧下さい。</p>
<p><a href="http://picasaweb.google.com/lh/photo/vtP7JwWvcVWBlB0Jl1qRWg?feat=embedwebsite" target="_blank" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示"><img src="http://lh6.ggpht.com/_9kdsRzEdU34/SX6KDAgTunI/AAAAAAAAEs0/uQq2jhdK_5w/s400/YouTube_ad03.png" alt="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示" /></a></p>
<p>これも「AJAX Video Bar」同様に、クリックするとページ内部で動画を表示する事が出来る仕組みになっています。</p>
<p>【<a href="http://jp.youtube.com/my_adsense_players" target="_blank" title="YouTube - マイ AdSense プレーヤー">YouTube &#8211; マイ AdSense プレーヤー</a>】<br />
<a href="http://picasaweb.google.com/lh/photo/5bzIJ_Iv_R2_r4drP6YNPg?feat=embedwebsite" target="_blank" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示"><img src="http://lh3.ggpht.com/_9kdsRzEdU34/SX6KDLU8yOI/AAAAAAAAEs8/SEB4W3eOdjU/s400/YouTube_ad04.png" alt="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示" /></a><br />
<a href="http://picasaweb.google.com/lh/photo/LPbVyl_uynbw4iBZwALWsQ?feat=embedwebsite" target="_blank" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示"><img src="http://lh3.ggpht.com/_9kdsRzEdU34/SX6KDA_s_pI/AAAAAAAAEss/25F1c9w7Yc0/s400/YouTube_ad02.png" alt="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示" title="「YouTube マイ AdSense プレーヤー」紹介する動画一覧に関連する広告を表示 /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://plaza.chu.jp/diary/2009/01/youtube-player-blogparts.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>YouTubeがHD動画を観覧する為の「HDで表示する」機能追加</title>
		<link>http://plaza.chu.jp/diary/2009/01/youtube_hd.html</link>
		<comments>http://plaza.chu.jp/diary/2009/01/youtube_hd.html#comments</comments>
		<pubDate>Fri, 09 Jan 2009 09:59:44 +0000</pubDate>
		<dc:creator>Tomo</dc:creator>
				<category><![CDATA[YouTube]]></category>
		<category><![CDATA[インターネット]]></category>
		<category><![CDATA[動画]]></category>
		<category><![CDATA[ブラウザ]]></category>

		<guid isPermaLink="false">http://plaza.chu.jp/diary/?p=2434</guid>
		<description><![CDATA[YouTubeでは1280×720という大きな画面サイズで高画質の動画「HD動画」を観覧できますが、今まではアドレスに「&#038;fmt=22」を付加する必要がありました。 YouTubeはそうした作業をせずとも、HD [...]]]></description>
			<content:encoded><![CDATA[<p>YouTubeでは1280×720という大きな画面サイズで高画質の動画「HD動画」を観覧できますが、今まではアドレスに「&#038;fmt=22」を付加する必要がありました。</p>
<p>YouTubeはそうした作業をせずとも、HD動画の場合には「 HD で表示する」というリンクが動画の下に表示され、それをクリックする事で1280×720という大きな画面サイズで高画質の動画「HD動画」を観覧出来るようになったそうです。</p>
<p><a href="http://picasaweb.google.com/lh/photo/jeL6TiKKREHg_Whd9nj5Pw?feat=embedwebsite" target="_blank" title="YouTubeがHD動画を観覧する為の「HDで表示する」機能追加"><img src="http://lh3.ggpht.com/_9kdsRzEdU34/SWcdyN7fAiI/AAAAAAAAEK4/lgVB_bal7NM/s400/YouTube_HD02.jpg" alt="YouTubeがHD動画を観覧する為の「HDで表示する」機能追加" title="YouTubeがHD動画を観覧する為の「HDで表示する」機能追加" /></a></p>
<p><strong>■YouTube関連：</strong><br />
【<a href="http://cutplaza.chu.jp/index.php?no=r87" target="_blank" title="「&#038;fmt=22」YouTubeを1280×720のHDで鑑賞するキーワード：CUTPLAZA TERMINAL">「&#038;fmt=22」YouTubeを1280×720のHDで鑑賞するキーワード：CUTPLAZA TERMINAL</a>】<br />
【<a href="http://cutplaza.chu.jp/index.php?mode=res_view&#038;no=86" target="_blank" title="YouTubeの動画の再生時間を指定する「ディープリンク」が対応。省略した指定も。：CUTPLAZA TERMINAL">YouTubeの動画の再生時間を指定する「ディープリンク」が対応。省略した指定も。：CUTPLAZA TERMINAL</a>】<br />
【<a href="http://cutplaza.chu.jp/index.php?mode=res_view&#038;no=63" target="_blank" title="YouTubeの動画で面白い所から再生を開始させる方法とか：CUTPLAZA TERMINAL">YouTubeの動画で面白い所から再生を開始させる方法とか：CUTPLAZA TERMINAL</a>】</p>
<p>【<a href="http://jp.youtube.com/blog?entry=Jvni3EKzGO8" target="_blank" title="YouTube Blog - 「HD の高画質で YouTube の動画をお楽しみください！HD 画質での動画表示機能のご紹介。」">YouTube Blog &#8211; 「HD の高画質で YouTube の動画をお楽しみください！HD 画質での動画表示機能のご紹介。」</a>】<br />
<blockquote cite="http://jp.youtube.com/blog" title="YouTube Blog - 日本">
<p>今回は HD 画質で YouTube の動画を表示する機能をご紹介します。<br />（ HD とは High-Definition の略で高精細という意味です。YouTube の HD 動画は 1280 ピクセル X 720 ピクセル、縦横比 16 : 9 の高精細画質の動画です。）<br />動画の表示画面の右下「 HD で表示する」をクリックすることで HD 画質の動画がワイドスクリーンで画面上に展開され、視聴することができます。</p>
</blockquote>
<p><a href="http://picasaweb.google.com/lh/photo/nSi0LNYxJjgxZFaL_xo_ow?feat=embedwebsite" target="_blank" title="HD動画の場合には「 HD で表示する」というリンクが動画の下に表示されます。"><img src="http://lh5.ggpht.com/_9kdsRzEdU34/SWcdypcv2AI/AAAAAAAAELA/l4YDbkg6Cq0/s400/YouTube_HD01.jpg" alt="HD動画の場合には「 HD で表示する」というリンクが動画の下に表示されます。" title="HD動画の場合には「 HD で表示する」というリンクが動画の下に表示されます。" /></a><br />
HD動画の場合には「 HD で表示する」というリンクが動画の下に表示されます。<br />
それをクリックする事で1280×720という大きな画面サイズで高画質の動画「HD動画」を観覧出来ます。</p>
<p>今まで高画質動画としてH.264のエンコードの動画もアドレスに「&#038;fmt=18」付加して観覧できましたが、HD動画はさらに高画質な動画であり、その画質の差は一目瞭然です。</p>
<p>以下の動画はHD動画でアップロードされていますが、通常はエンコードされた動画の再生が始まります。<br />
ここから「 HD で表示する」をクリックしてHD動画を再生してみてください。<br />
【<a href="http://jp.youtube.com/watch?v=zlfKdbWwruY" target="_blank" title="YouTube - Where the Hell is Matt? (2008)">YouTube &#8211; Where the Hell is Matt? (2008)</a>】</p>
<p>ちなみに、直接HD動画の観覧をさせる為のリンクは「&#038;fmt=22」を付加してリンクします。<br />
【<a href="http://jp.youtube.com/watch?v=zlfKdbWwruY&#038;fmt=22" target="_blank" title="YouTube - Where the Hell is Matt? (2008)">YouTube &#8211; Where the Hell is Matt? (2008)</a>】<br />
<a href="http://jp.youtube.com/watch?v=zlfKdbWwruY&#038;fmt=22" target="_blank" title="YouTube - Where the Hell is Matt? (2008)">http://jp.youtube.com/watch?v=zlfKdbWwruY&#038;fmt=22</a></p>
<p>YouTubeでHD動画を観覧する際に気になるのは、高画質ゆえに動画のダウンロードが間に合わず、パソコンのスペックによっては動作が遅かったり場合によっては途中で何度も止まってしまいます。</p>
<p>動画に支障があるほど見にくい場合は、最初は動画を一時停止するなどしてある程度ローカルにダウンロードしてから観覧すると見やすくなるようです。</p>
]]></content:encoded>
			<wfw:commentRss>http://plaza.chu.jp/diary/2009/01/youtube_hd.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

