動画をブログで使う

FC2動画で公開されている動画を、ブログの記事に貼って紹介することができます。
自分が撮ったビデオをFC2動画にアップして、ブログの記事にしたり、他のユーザが公開しているコンテンツも引用することができます。

公開レベルとは別に、外部参照の許可・不許可の設定する機能を追加予定(2007/11/22現在準備中)

外部用の動画コード取得

動画を再生するページを開くと、再生スクリーンの下にリンク用のコードがあります。下側の窓が外部設置用の動画コードです。
この窓内を全選択してコードをすべてコピーしてください。


ブログの記事に動画を入れる

ブログの記事を作成・編集する管理画面を開きます。(★FC2ブログでなくてもご利用いただけます。)

記事文章を入力するテキストボックスに、取得した動画のコードを入れます。
コードの一部が欠けたり、余計な改行や文字・記号が混入すると正常に動作しないのでご注意ください。

コンテンツはFC2動画を参照しているもので、元データが削除された場合には表示されなくなります。

コードは概ね以下のような構成なっていて、<object ... ~</object>までが1点の動画コードです。
1つの記事の中に何点でも動画を設置できますが、コードの省略などはできませんので、そのままコピーペーストしてください。

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
width="425" height="385" id="flv2" align="middle"> 

 <param name="allowScriptAccess" value="sameDomain" /> 
<param name="movie" value="http://video.fc2.com/flv2.swf?i=(固有の番号)……" /> 
<param name="quality" value="high" /> 
<param name="bgcolor" value="#ffffff" /> 
<param name="allowFullScreen" value="true" /> 

 <embed src="http://video.fc2.com/flv2.swf?i=(固有の番号)……" 
quality="high" bgcolor="#ffffff" width="425" height="385" 
name="flv2" align="middle" allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
allowFullScreen="true" /> 

</object>


スクリーンサイズを調整する

ブログのレイアウトによっては、動画のスクリーンサイズでは幅が収まらないことがあります。

その場合は上述した動画コード内のサイズを指定している部分(width="425" height="385")を変更してください。
この数字を調整してから投稿すれば、適切なサイズで表示されるようになります。画面の縦横比は保持されます。