画像・動画を表示する

【目次】

画像を表示する

【構文例】
画像構文:
&image(novel_image.gif)
サムネイル構文:
&image_thumbnail(top_aboutwiki.png)
リンク構文:&ref(textad_image.gif)

【表示見本】
画像構文:
novel_image.gif
サムネイル構文:
top_aboutwiki.png
リンク構文:textad_image.gif

【パラメータ・補足】
構文 動作
&image(画像名,横幅) 画像の横幅を指定。
&image_thumbnail(画像名,横幅) サムネイル画像の横幅を指定。
&image(画像名,高さ) 画像の高さを指定。
&image_thumbnail(画像名,高さ) サムネイル画像高さを指定。
※#image_***のように#で始まる旧構文もそのまま利用可能です。



lightboxで画像を表示する

【構文例】
&lightbox(top_aboutwiki.png)

【表示見本】

【パラメータ・補足】
構文 動作
&lightbox(title=テキスト) リンクのタイトル ※指定なしは「画像を表示」。
&lightbox(link=text) ポップアップ用テキストリンク(初期状態)。
&lightbox(link=image) ポップアップ用サムネイル画像リンク。 ※サムネイルを画像表示したいときに指定。
&lightbox(percent=数値) サムネイル画像の縮尺をパーセンテージで指定(単位:%)
&lightbox(width=数値) サムネイル画像の横幅を指定(単位:px)
&lightbox(height=数値) サムネイル画像の縦幅を指定(単位:px)


複数画像をランダムで表示する

【構文例】
&random_img(http://static.fc2.com/share/image/banner_wiki/banner_wiki_100x60.gif,http://static.fc2.com/share/image/banner_wiki/banner_wiki_120x60.gif,http://static.fc2.com/share/image/banner_wiki/banner_wiki_120x90.gif)

【表示見本】
http://static.fc2.com/share/image/banner_wiki/banner_wiki_100x60.gif

※ページリロードすると設定した画像のいずれかがランダムに表示されます。



動画を表示する

【構文例】
youtube:
&youtube(YZmG3HfCiGs,320,252)
ニコニコ動画:
&nicovideo(nm3313359,320,252)
FC2動画:
&fc2video(20090605tbCLfT0Y)

【表示見本】
youtube
ニコニコ動画
FC2動画

【パラメータ・補足】
構文 動作
&fc2video(動画IDもしくはURL,幅,高さ) 幅、高さを指定して動画を挿入します。
&youtube(動画IDもしくはURL,幅,高さ) 幅、高さを指定して動画を挿入します。
&nicovideo(動画IDもしくはURL,幅,高さ) 幅、高さを指定して動画を挿入します。



動画を表示する2

【構文例】
上記以外の動画サービス:
#video(動画ページのURL)

【表示見本】
上記以外の動画サービス:



PeeVee動画を表示する

【構文例】
#peevee(){<script language="JavaScript" src="http://peevee.tv/js/peeveeplugins.js"></script>
<script language="JavaScript" type="text/JavaScript">var po = new PeeVeePlayer
("48147123/48147123peevee359820.flv", 108, 480, 407 ); po.write(); </script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



VolumeOne動画を表示する

【構文例】
#volumeone(){<script type="text/javascript" src="http://www.volumeone.jp/common/volone10.js"></script>
<script type="text/javascript">writeFlash("entry_id=943&language=en");</script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



im Vlog動画を表示する

【構文例】
#im_vlog(){<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' 
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' id='vlog6980594' 
width='450' height='338'><param name='allowScriptAccess' value='always' /><param name='allowFullScreen' value='true' />
<param name='movie' value='http://myvlog.im.tv/?id=6980594&mid=2608475&MemberID=&inIMTV=Y&album=0&playnext=0' />
<param name='quality' value='high' /><embed src='http://myvlog.im.tv/?id=6980594&mid=2608475&MemberID=&inIMTV=
Y&album=0&playnext=0' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' name='vlog6980594' 
allowScriptAccess='always' allowFullScreen='true' type='application/x-shockwave-flash' width='450' height='338'>
</embed></object>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Metacafe動画を表示する

【構文例】
#metacafe(){<div style="background:#000000;width:440px;height:272px">
<embed flashVars="playerVars=showStats=yes|autoPlay=no|videoTitle=Tsunami Footage - New Video" 
src="http://www.metacafe.com/fplayer/6236842/tsunami_footage_new_video.swf" width="440" height="272" 
wmode="transparent" allowFullScreen="true" allowScriptAccess="always" name="Metacafe_6236842" 
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></div>
<div style="font-size:12px;"><a href="http://www.metacafe.com/watch/6236842/tsunami_footage_new_video/">Tsunami 
Footage - New Video</a> - <a href="http://www.metacafe.com/">Click here for the most popular videos</a></div>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Revver動画を表示する

【構文例】
#revver(){<script src="http://flash.revver.com/player/1.0/player.js?mediaId:1030991;width:480;height:392;" 
type="text/javascript"></script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Yahoo!video動画を表示する

【構文例】
#yahoo_video(){<div><object width="576" height="324"><param name="movie" 
value="http://d.yimg.com/nl/cbe/butterfinger/player.swf"></param>
<param name="flashVars" value="browseCarouselUI=hide&shareUrl=http%3A//comedy.video.yahoo.com/
%3Fv%3D24838957&repeat=0&vid=24838957&"></param><param name="allowfullscreen" value="true"></param>
<param name="wmode" value="transparent"></param><embed width="576" height="324" allowFullScreen="true" 
src="http://d.yimg.com/nl/cbe/butterfinger/player.swf" type="application/x-shockwave-flash" 
flashvars="browseCarouselUI=hide&shareUrl=http%3A//comedy.video.yahoo.com/%3Fv%3D24838957&repeat=0&vid=24838957&">
</embed></object></div>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



@niftyビデオを表示する

【構文例】
#nifty_video(){<div style="font-size:10px; margin:0 0 3px; color:#333;">
「<a href="http://video.nifty.com/cs/catalog/video_metadata/catalog_110411380640_1.htm" 
target="_blank" style="color:#333; text-decoration:none;">パンダのリーリー木登り </a>」
</div><script language="javascript" type="text/javascript" src="http://dl.video.nifty.com/
js/player.js?user_id=0000002960&catalog_id=110411380640&category_id=10&lg=0&width=480&height=392">
</script><noscript><div>「<a href="http://video.nifty.com/cs/catalog/video_metadata/catalog_110411380640_1.htm" 
target="_blank">パンダのリーリー木登り</a>」のビデオ<br />powered by <a href="http://video.nifty.com/" 
target="_blank">@niftyビデオ共有</a></div></noscript>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Truveo動画を表示する

【構文例】
#truveo(){<embed src="http://xml.truveo.com/eb/i/1870260454/a/756eae6881ca799f36f9074932200bfd/p/1/h/4da
c056a5956dfc:c1d270f71de6996212cbd79b28734280" quality="high" bgcolor="#ffffff" wmode="transparent" 
width=" 425" height=" 360" name="flv2" align="middle" allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" 
allowFullScreen="true" ></embed><div style="background-color:#315270; width:425px; height:14px;text-align:center;">
<a href="http://jp.truveo.com/" target="_blank" style="font-family:Arial; font-size:9px; font-weight:100; 
color:#C7D8E7;line-height:14px; text-decoration:none; letter-spacing:0.1em;">
Find more videos like this on www.truveo.com.</a></div>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



MySpaceTV動画を表示する

【構文例】
#myspace_video(){<object width="425px" height="360px" ><param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/><param name="movie" value="http://mediaservices.myspace.com/
services/media/embed.aspx/m=54568025,t=1,mt=video"/><embed src="http://mediaservices.myspace.com/services/
media/embed.aspx/m=54568025,t=1,mt=video" width="425" height="360" allowFullScreen="true" 
type="application/x-shockwave-flash" wmode="transparent"></embed></object>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



watchme動画を表示する

【構文例】
#watchme(){<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="externalcd4bb35c75ba84b4f39e547b1416fd35" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0" width="480" height="270" 
align="middle"><param name="movie" value="http://www.watchme.tv/flash/P3O.swf?mid=cd4bb35c75ba84b4f39e547b1416fd35">
</param><param name="allowScriptAccess" value="always" /><embed src="http://www.watchme.tv/flash/P3O.swf?mid=cd4bb35
c75ba84b4f39e547b1416fd35" type="application/x-shockwave-flash" width="480" height="270" allowScriptAccess="always">
</embed></object>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Ustream.tvストリーミング動画を表示する

【構文例】
#ustream(){<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="296" id="utv386596">
<param name="flashvars" value="autoplay=false&brand=embed&cid=863596&locale=ja_JP&v3=1"/><param name="allowfullscreen" value="true"/>
<param name="allowscriptaccess" value="always"/><param name="movie" value="http://www.ustream.tv/flash/viewer.swf"/>
<embed flashvars="autoplay=false&brand=embed&cid=863596&locale=ja_JP&v3=1" width="480" height="296" allowfullscreen="true" 
allowscriptaccess="always" id="utv386596" name="utv_n_419588" src="http://www.ustream.tv/flash/viewer.swf" 
type="application/x-shockwave-flash" />
</object><br /><a href="http://www.ustream.tv/" style="padding: 2px 0px 4px; width: 400px; background: #ffffff; display: block; 
color: #000000; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;" target="_blank">
Streaming Video by Ustream.TV</a>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Dailymotionを表示する

【構文例】
#dailymotion(){<object width="480" height="269"><param name="movie" value="http://www.dailymotion.com/swf/video/xhwcay?theme=none">
</param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param>
<param name="wmode" value="transparent"></param><embed type="application/x-shockwave-flash" 
src="http://www.dailymotion.com/swf/video/xhwcay?theme=none" width="480" height="269" 
wmode="transparent" allowfullscreen="true" allowscriptaccess="always"></embed></object><br />
<a href="http://www.dailymotion.com/video/xhwcay_twin-conversation_fun" target="_blank">Twin conversation</a> 
<i>投稿者 <a href="http://www.dailymotion.com/Stefanelonikitelo" target="_blank">Stefanelonikitelo</a></i>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



eyevio動画を表示する

【構文例】
#eyevio(){<iframe src="http://eyevio.jp/embed.do?movieId=412217&amp;width=400&amp;height=330" 
style="margin: 0px; width: 400px; height: 330px;" frameborder="0" scrolling="no"><a href="http://eyevio.jp/movie/412217">
<img src="http://eyevio.jp/file/412217/w1" /></a></iframe>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



AmebaVision動画を表示する

【構文例】
#amebavision(){<script language="JavaScript" type="text/JavaScript" 
src="http://visionmovie.ameba.jp/mcj.php?id=PMs52qg75nW:bhbW:Nk:cd:x/Izm6zhD12/jf7/xmLcnbcPWlgKJUd:Dx_
H:xG:OR:VYU4CMVRbR4.lhckOmiMq/&width=480&height=360&skin=wood"></script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



zoome動画を表示する

【構文例】
#zoome(){<script type="text/javascript" src="http://circle.zoome.jp/kimamani01/swmcmedp?cod=de3d1686fffdf7f5db440f76
6fe5ac3439c7768e1d543dc46323626cb35997332e0e720154f6c0df03270d0adfd02c29bab8a5327e3318b1&width=640&height=512">
</script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



毎日動画を表示する

【構文例】
#mainichi_video(){<script language="JavaScript" src="http://video.mainichi.co.jp/img/pluginv3r1.js"></script>
<script language="JavaScript" type="text/JavaScript">var po = new PeeVeeObject("48348068/48348068peevee381022.flv", 
348068, 381022, 0, 425,380); po.write();</script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



Flip Clip動画を表示する

【構文例】
#flipclip(){<script type="text/javascript" src="http://www.flipclip.net/js/42a6e095765d6d38ca129ebcb2db8977" ></script>
<noscript><a href="http://www.flipclip.net/clips/42a6e095765d6d38ca129ebcb2db8977/popup" title="FlipClip - MOV09638" 
target="flclpopup"><img src="http://www.flipclip.net/thumbs/clip/pancho6/42a6e095765d6d38ca129ebcb2db8977.jpg" alt="MOV09638" 
border="0" width="174" /></a><br />Powered by <a href="http://www.flipclip.net/" title="動画共有・動画投稿 FlipClip">
FlipClip</a></noscript>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】



みなくるビデオ動画を表示する

【構文例】
#minakuru_video(){<script type="text/javascript" src="http://video.mina-kuru.jp/js/fmp.js"></script>
<p id="player3554">Please install the <a href="http://www.macromedia.com/go/getflashplayer">Flash Player</a></p>
<script type="text/javascript">var FO = {movie:"http://video.mina-kuru.jp/swf/embed.swf",width:"400",height:"320",
majorversion:"7",build:"0",bgcolor:"#FFFFFF",flashvars:"file=c85d6575f273bac186c83c6f8183a70bc9b1565026566c27abf62
61ddc174ab2f1941594d317055120c23342b02226d6d043c4d7a237df2aecf14e2c73b577cb&showdigits=true&autostart=false&showf
sbutton=true" };UFO.create(FO, "player3554");</script>}
※例は表示の都合上改行しておりますが貼り付けタグは改行せずに入力ください。

【表示見本】

Please install the Flash Player



  • 最終更新:2011-04-21 10:15:16

このWIKIを編集するにはパスワード入力が必要です

認証パスワード