<p><img src="http://web-marketing.zako.org/images/2009/03/freevideocoding.png" alt="FLVやSWFファイルの埋め込みタグをサクッと作成" title="FLVやSWFファイルの埋め込みタグをサクッと作成" width="514" height="204" class="alignnone size-full wp-image-2172" /></p><p>swfやflvなどのファイルをHTMLに埋め込むタグは検索すれば出てくるようなものですが、たまにやろうとするときにサクッとタグを生成して埋め込めるのが良いですよね。</p><p>そんなときに役立ちそうな便利WEBツールをご紹介。</p><p><del datetime="2009-08-15T17:44:00+00:00"><strong>※3月9日追記：WMVファイルの埋め込みタグはFirefoxで再生できないものになっているのでそれ以外のファイルでご利用ください。</strong> momdoさん ご指摘ありがとうございます。確認不足で申し訳ございませんm (_ _)m</del></p><p>※8月16日追記：Firefoxがバージョンアップしたことで再生可能になったようです。coffeeさん、教えていただいてありがとうございます。</p><!--more--><h3 class="header-label">FLVやSWFファイルの埋め込みタグをサクッと作成</h3><p>「<a class="website-link" href="http://www.freevideocoding.com/" onclick="window.open('http://www.freevideocoding.com/'); return false;">FreeVideoCoding.com</a>」は、<strong>swf や flv 、wmv などのファイルをHTMLへ埋め込むタグをサクッと生成</strong>してくれるサービスです。</p><h4 class="header-label">対応するファイル形式</h4><ul><li><s>Windows Media (WMV, WMA) <del datetime="2009-08-15T17:44:00+00:00">※Firefoxは表示不能</del></s></li><li>Flash (SWF) </li><li>Flash (FLV)</li><li>QuickTime (MOV)</li><li>Real (RM) </li></ul><h4 class="header-label">選べる埋め込みスタイル</h4><ul><li>通常の埋め込み動画プレイヤー</li><li>ポップアップで開く動画プレイヤー</li><li>サムネイルクリックで再生する動画プレイヤー（サムネイル画像の指定可能）</li></ul><h4 class="header-label">埋め込みサンプル</h4><dl class="head-line"><dt>swf ファイルの埋め込み</dt><dd><embed src="http://www.zako.org/flash/screenclean.swf" width="500" height="240" quality="low" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></dd><dd>↑swfファイルを埋め込んでいます。追記：パラメータが入っていてFirefoxで表示できていなかったので修正しています。</dd><dt>wmv ファイルの埋め込み</dt><dd><embed src="http://web-marketing.zako.org/audio/maybelline-2.wmv" width="500" height="300" autostart="0" showcontrols="1" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/"> </embed></dd><dd>↑こちらはwmvファイル。<del datetime="2009-08-15T17:44:00+00:00">Firefoxでは表示されませんのでご了承ください。</del></dd><dt>ポップアップリンク</dt><dd><a href="http://www.zako.org/flash/screenclean.swf" onclick="var win=window.open('','mywindow','height=240, width=500');win.document.write('\x3Chtml\x3E\x3Chead\x3E\x3Ctitle\x3EVideo Window\x3C/title\x3E\x3Cstyle\x3Ehtml,body {margin:0;padding:0;}\x3C/style\x3E\x3C/head\x3E\x3Cbody\x3E\x3Cembed src=\'http://www.zako.org/flash/screenclean.swf\' width=\'500\' height=\'240\' quality=\'high\' type=\'application/x-shockwave-flash\' pluginspage=\'http://www.macromedia.com/go/getflashplayer\'\x3E\x3C/embed\x3E\x3C/body\x3E\x3C/html\x3E');return false;">再生する</a></dd><dd>↑通常のポップアップリンク</dd><dt>画像をクリックすると動画再生</dt><dd><a href="http://www.zako.org/flash/screenclean.swf" onclick="window.open('http://www.zako.org/flash/screenclean.swf','mywindow','width=320,height=240');return false;" ><img src="http://web-marketing.zako.org/images/logo.gif" alt=""></a></dd><dd>↑YouTubeでサムネイル表示するシーンを選べるように、好きなシーンをサムネイルとして表示させることが出来ます。</dd></dl><p>興味のある方は<a class="website-link" href="http://www.freevideocoding.com/" onclick="window.open('http://www.freevideocoding.com/'); return false;">FreeVideoCoding.com</a>へどうぞ。</p><p>これで毎回検索して調べなくても済みそうですｗ 忘れる技術、実践できますね。</p><h4 class="header-label">埋め込みタグ作成手順</h4><ol class="steps"><li><h4>ファイル形式の選択</h4><p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SbIfxQMS1GI/AAAAAAAAT20/lGYr_kGT0aA/s400/FreeVideoCoding-1.jpg" alt="" /></p><p><a class="website-link" href="http://www.freevideocoding.com/" onclick="window.open('http://www.freevideocoding.com/'); return false;">FreeVideoCoding.com</a>を開き、ファイル形式を選択（ここではFLVを選択）</p></li><li><h4>埋め込みスタイルやサイズ・オプションの設定</h4><p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SbIfyRmQrMI/AAAAAAAAT28/Q86jUiu8NiY/s400/FreeVideoCoding-2.jpg" alt="" /></p><p>動画のURLを指定し、埋め込みのスタイルを選択、（ここでは埋め込みプレイヤー）</p><p>次にサイズ指定をして「動画クオリティ」「自動再生」「サービスサイトへのリンク表示」の順に設定、「Make HTML」ボタンを押します。（※埋め込むファイルによって若干項目が変わります。）</p></li><li><h4>HTMLタグの取得</h4><p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SbIfzAYrufI/AAAAAAAAT3E/IzXrELL2zbY/s400/FreeVideoCoding-3.jpg" alt="" /></p><p>埋め込みタグが生成されるのでサイトへ貼り付けて完了です。</p></li></ol><p>Via：<a class="website-link" href="http://delicious.com/url/2e369421f3288af90f115436d4c72f61" onclick="window.open('http://delicious.com/url/2e369421f3288af90f115436d4c72f61'); return false;">delicious</a></p>