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"
No.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>
----------------
を入れてください。始めの読み込みに少し時間がかかりますが、もし支障があれば仰言ってください
No.1
- 回答日時:
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">
まで修正しました。
問題があるところを教えていただければ幸甚です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VB詳しい方
-
レストラン、英語のメニュー表記
-
プログラム時のヘッダコメント...
-
Htmlをieの「Excelで編集」で編...
-
google Map APIの使い方
-
ソースの追加行数と変更行数
-
jsファイルの中身を確認したい…
-
ovpbind.exeのソースコード探し...
-
jqueryでime入力中の挙動について
-
VBAで#Regionに変わるものは無...
-
「MicrosoftVisualBasic6.0 行...
-
ホームページのソースが横長に...
-
コンソールアプリの入出力
-
ホームページビルダーのソース...
-
「INT86(・・・・・・);」 っ...
-
ポップアップを1日1回だけ表示...
-
htmlのページをワードプレスに...
-
サイトがとのようなソフトで作...
-
Doxygenでの更新履歴(@history...
-
VisualStudio2010でデバッグソ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBAで#Regionに変わるものは無...
-
プログラム時のヘッダコメント...
-
レストラン、英語のメニュー表記
-
ソースの追加行数と変更行数
-
ソースの表示を無効にする方法。
-
「MicrosoftVisualBasic6.0 行...
-
Dreamweaverのコードカラーが黒...
-
VBAでhtmlソースから特定の文字...
-
実行オブジェクトからソースを...
-
画像と文字が重なって表示される。
-
ソースを表示させない方法はあ...
-
c言語の改修されたソースから改...
-
マウスポインタが手の形になら...
-
ListBoxの最大表示項目数について
-
IEでテキストの文字が一部だけ...
-
#ifdef多用でソースが見づらい
-
HTMLソースの文字コードがutfの...
-
JSPの実行結果をHTMLに変換
-
ASPの特殊記号について
-
ホームページビルダー HTMLの...
おすすめ情報