2011年05月の記事


YouTube動画設置方法その2
< と > は 全角になっています。実際は半角です。
使用する時は、ワードパッドで全角の < と > を
検索して、 半角の < と > に置き換えて下さい。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<link rel="stylesheet" type="text/css" href="http://ec.uuhp.com/~youchan/homepage/html/youtube/pulldown.css" />
<title>
YouTube ムービー01
</title>
<!--IE6・IE7・IE8に対応させる 開始-->
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<!--IE6・IE7・IE8に対応させる 終了-->
<!--フローティングフレームをドラッグして動かせるようにする 開始-->
<script language="JavaScript">
  <!--
flag = false;
window.document.onmousemove = dragImg;
window.document.onmouseup = dragOff;
function dragOn(n)
{
flag = true;
iName = n;
offx = event.x - document.images[iName].style.pixelLeft;
offy = event.y - document.images[iName].style.pixelTop;
}
function dragOff(){ flag = false; }
function dragImg()
{
if (!flag) return;
document.images[iName].style.pixelTop = event.y - offy;
document.images[iName].style.pixelLeft = event.x - offx;
document.all["myIFRAME"].style.pixelTop = document.images[iName].style.pixelTop + 24;
document.all["myIFRAME"].style.pixelLeft= document.images[iName].style.pixelLeft;
return false;
}
// -->
  </script>
<!--フローティングフレームをドラッグして動かせるようにする 終了-->
<!--画像にマウスポインタが重なると説明文を表示する1 開始-->
<script language="JavaScript">
<!--
function chipHelp1(tagName,types,x,y)
{
if (document.layers)
{
document.layers[tagName].x = x+50;
document.layers[tagName].y = y-15;
document.layers[tagName].visibility = types;
}
if (document.all)
{
document.all(tagName).style.pixelLeft = x+50;
document.all(tagName).style.pixelTop = y-15;
document.all(tagName).style.visibility = types;
}
}
// -->
</script>
<!--画像にマウスポインタが重なると説明文を表示する1 終了-->
<!--画像にマウスポインタが重なると説明文を表示する2 開始-->
<script language="JavaScript">
<!--
function chipHelp2(tagName,types,x,y)
{
if (document.layers)
{
document.layers[tagName].x = x+150;
document.layers[tagName].y = y-15;
document.layers[tagName].visibility = types;
}
if (document.all)
{
document.all(tagName).style.pixelLeft = x+150;
document.all(tagName).style.pixelTop = y-15;
document.all(tagName).style.visibility = types;
}
}
// -->
</script>
<!--画像にマウスポインタが重なると説明文を表示する2 終了-->
</head>
<body id="page" style="background: yellow url() repeat fixed 0% 0%;">
<center>

<!-- ↓プルダウンメニュー↓ -->
<ul class="menu">
<li><a href="#">TOP</a></li>
<li><a href="#">動画メニュー1</a>
<ul>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart01.htm" target="01">あざみの歌(倍賞千恵子)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart02.htm" target="01">下町の太陽(倍賞千恵子)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart03.htm" target="01">さよならはダンスの後に(倍賞千恵子)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart04.htm" target="01">さよならはダンスの後に(倍賞千恵子)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_MurataHideo_autostart01.htm" target="01">人生劇場(村田英雄)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IzawaHatirou_autostart01.htm" target="01">ああ上野駅(井沢八郎)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_YosidaTakurou_autostart01.htm" target="01">たどりついたらいつも雨降り(吉田拓郎)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_SuzukiHiromitu_autostart01.htm" target="01">たどりついたらいつも雨降り(鈴木ヒロミツ)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IwasakiYosimi_autostart01.htm" target="01">タッチ(岩崎良美)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_Yunha_autostart01.htm" target="01">タッチ(ユンナ)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_MorikawaYukari_autostart01.htm" target="01">Show Me(森川由加里)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_Mike_autostart01.htm" target="01">想い出の九十九里浜(Mike)</a></li>
<li><a href="#">.</a></li>
</ul>
</li>
<li><a href="#">動画メニュー2</a>
<ul>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_NakamuraMasatosi_autostart01.htm" target="01">青春ど真ん中(中村雅俊)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IsidateTetuo_autostart01.htm" target="01">雑居時代(石立鉄男)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_AkasiyaSanma_autostart01.htm" target="01">男女7人夏物語(明石家さんま)</a></li>
<li><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_AkasiyaSanma_autostart02.htm" target="01">男女7人秋物語(明石家さんま)</a></li>
<li><a href="#">.</a></li>
</ul>
</li>
</ul>
<!-- ↑プルダウンメニュー↑ -->

<a href="#" onMouseover="chipHelp1('tag1','visible',event.x,event.y)" onMouseout="chipHelp1('tag1','hidden',0,0)"><img src="http://ec.uuhp.com/~youchan/homepage/html/youtube/image.gif" name="myTAB" style="position:absolute;left:400px;top:80px;" onMousedown="dragOn('myTAB')" border="0" alt="この画像をドラッグするとプレーヤーの位置を上下左右に移動できます。"></a>
<div id="tag1" style="position:absolute;visibility:hidden;background-color:#ffff70">←この画像をドラッグするとプレーヤーの位置を上下左右に移動できます。</div>
<iframe id="myIFRAME" style="position:absolute;left:400px;top:104px;" width="500" height="410" src="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart01.htm" frameborder="0" allowfullscreen name="01"></iframe>
<div name="back_next_eclat" style="LEFT: 550px; POSITION: absolute; TOP: 510px;">
<form>
<INPUT TYPE=button VALUE=BACK onClick=history.go(-1) style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>

<INPUT TYPE=button VALUE=NEXT onClick=history.go(1) style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>

<INPUT TYPE=button VALUE=ECLAT onClick=top.window.location.href='http://www.eclat.cc/home/youchan1951/' style=background-color:#28165d;color:#ffff00;border-color:#ffffff;border-style:solid;border-width:1px; onmouseover=this.style.backgroundColor='#ff1493' onmouseout=this.style.backgroundColor='#28165d'>

</form>
</div>
<div name="menu_text" style="LEFT: 400px; POSITION: absolute; TOP: 530px; width:30em; height:8em; OVERFLOW-Y: scroll; SCROLLBAR-FACE-COLOR: #ffbbbb; SCROLLBAR-HIGHLIGHT-COLOR: #ffe0e0; SCROLLBAR-SHADOW-COLOR: #cc9999; SCROLLBAR-3DLIGHT-COLOR: #ffbbbb; SCROLLBAR-ARROW-COLOR: #ff6666; SCROLLBAR-TRACK-COLOR: #ffe0e0; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; PADDING-LEFT: 10px; PADDING-top: 10px; PADDING-right: 10px; PADDING-BOTTOM: 10px; background-color: #ffff00; color: #000000; border-width: medium; border-color: deeppink; border-style: ridge;">
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">あざみの歌(倍賞千恵子)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart02.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">下町の太陽(倍賞千恵子)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart03.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">さよならはダンスの後に(倍賞千恵子)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_baisyoutieko_autostart04.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">忘れな草をあなたに(倍賞千恵子)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_MurataHideo_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">人生劇場(村田英雄)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IzawaHatirou_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">ああ上野駅(井沢八郎)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_YosidaTakurou_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">たどりついたらいつも雨降り(吉田拓郎)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_SuzukiHiromitu_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">たどりついたらいつも雨降り(鈴木ヒロミツ)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IwasakiYosimi_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">タッチ(岩崎良美)</a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_Yunha_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">タッチ(ユンナ)</a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_MorikawaYukari_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">Show Me(森川由加里)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_Mike_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">想い出の九十九里浜(Mike)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_NakamuraMasatosi_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">青春ど真ん中(中村雅俊)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_IsidateTetuo_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">雑居時代(石立鉄男)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_AkasiyaSanma_autostart01.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">男女7人夏物語(明石家さんま)</font></a></div>
<div><a href="http://ec.uuhp.com/~youchan/homepage/html/youtube/youtube_AkasiyaSanma_autostart02.htm" target="01" style="text-decoration:none;" onmouseover=chipHelp2('tag2','visible',event.x,event.y);this.style.backgroundColor='#ff1493' onmouseout=chipHelp2('tag2','hidden',0,0);this.style.backgroundColor='#ffff00'><font color="black">男女7人秋物語(明石家さんま)</font></a></div>
</div>
<div id="tag2" style="position:absolute;visibility:hidden;background-color:#ffff70">←この項目をクリックすると該当の動画に変更できます。</div>
</center>
</body>
</html>
コメント (3)

YouTube動画設置方法その1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>
YouTube 倍賞千恵子
</title>
</head>
<body id="page" style="background: yellow url() repeat fixed 0% 0%;">

<embed src="http://www.youtube.com/v/DW4upkF_aBY?fs=1&autoplay=1&loop=1&border=1&hl=ja_JP&color1=0xff1493&color2=0xff69b4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="390"></embed>

</body>
</html>
コメント (1)