プロが教えるわが家の防犯対策術!

http://www004.upp.so-net.ne.jp/poptrash/

ホームページ上で、ボタンを押すことによって画像ファイル
動画ファイルを切り替えて表示できるようにしたいと
考えています。ソース例を教えていただきたいと存じます。
なお動画ファイルについてはYOU TUBEのEMBEDソースを
使用したいと考えています。

※ボタン部分のソース
INPUT TYPE=BUTTON VALUE="movie" onclick="document.mm.src='image/movie.jpg'
※表示部分のソース
IMG SRC="image/info.jpg" ALT="" NAME="mm" ID="mm"

A 回答 (2件)

すみません、見やすいように方法を変えます



<head></head>の間に、
----------------
<script>
function showmovie()
{
document.getElementById("mm").style.display="none";
document.getElementById("movie").style.display="block";
}
</script>
-------------

を入れ、表示部分に
--------------
<input type="button" value="movie" onclick="showmovie()">

<img src="image/info.jpg" alt="" name="mm" ID="mm">

<div id="movie" style="display:none">
<!--ここから下に動画表示のソース-->
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/wRaCkqG_YRk"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/wRaCkqG_YRk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>
<!--ここから上に動画表示のソース-->
</div>
----------------

を入れてください。始めの読み込みに少し時間がかかりますが、もし支障があれば仰言ってください
    • good
    • 0
この回答へのお礼

御礼が大変遅くなって申し訳ございません。
ばっちり稼動しています。
ありがとうございました。

お礼日時:2007/02/17 05:41

YouTubeのEmbedは良く知らないので恐縮ですが・・



※ボタン部分のソース
INPUT TYPE=BUTTON VALUE="movie" onclick="document.mm.innerHTML=EMBEDソース"
※表示部分のソース
div id="mm"
IMG SRC="image/info.jpg" ALT="" NAME="mm"
/div

この回答への補足

いろいろ試したのですが勉強不足で
うまくできません。
EMBEDソースは、↓から加工しています。
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/wRaCkqG_YRk"></param><p … name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wRaCkqG_YRk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

※ボタン部分のソース
<INPUT TYPE=BUTTON VALUE="movie" onclick=="document.mm.innerHTML=<embed src="http://www.youtube.com/v/wRaCkqG_YRk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
※表示部分のソース
<IMG SRC="image/info.jpg" ALT="" NAME="mm" ID="mm">
まで修正しました。
問題があるところを教えていただければ幸甚です。

補足日時:2006/12/27 00:51
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!