高校の文化祭へ向けて、ホームページでのミニゲームを製作しています。
しかしプログラム言語については浅学で、思うように製作できず、また考えているものを検索で見つけることもできていません。
他力本願であることは承知の上、ご協力をお願いします。
「HTMLで作ったページにあるボタンを押すと、動画が自動的に流れる」というものを作りたいです。
内容はじゃんけんのグーチョキパーを選ぶ、すると勝ち負けあいこの演出が動画で流れる……といったものです。
youtubeへ移動することを試したのですが、その場合わざわざyoutubeページへ飛んでしまうこと、そして再生ボタンを押さないと再生されないことが問題でした。
どうしても不可能なようならgifアニメにして流す、という方法も考えています。
手取り足取りの回答でなく、参考になるURLですとか、キーワードでも構いません。
どうか、回答をよろしくお願いいたします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
押したボタンに応じて動画ファイルを読込み再生させる例
<div>
<input type="button" value="再生A" onclick="play(0)">
<input type="button" value="再生B" onclick="play(1)">
<input type="button" value="再生C" onclick="play(2)">
</div>
<video id="v">
<source id="s" src="" type="video/mp4">
</video>
<script>
var movie_files = ['movie1.mp4','movie2.mp4','movie3.mp4'];
var video = document.getElementById('v');
function play(n) {
n = ~~n;
if(n < 0) n = 0;
else if(n > 2) n = 2;
document.getElementById('s').src= './' + movie_files[n];
video.load();
video.play();
}
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Android(アンドロイド) いま3台のAndroidを使っています。 AndroidってiPhoneには無いmicroSDXCが 1 2022/05/06 11:42
- その他(趣味・アウトドア・車) Arudino nanoが正常に動作しない原因 1 2022/10/30 18:29
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- マウス・キーボード キーボード設定で困っています。長文です。 2 2022/12/10 12:44
- YouTube 「Youtubeは任天堂のファミコン商法を見習え」という意見は正しいか? 1 2023/06/06 13:07
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Access(アクセス) アクセス 意図せずサブプロシージャを移動してしまうのを止めたい 1 2022/09/02 09:19
- YouTube なんか、世の中ホントにズルいばっかりですね。 僕はYouTuberになりたくて動画投稿を始めたんです 9 2023/08/04 15:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
xvideosが再生できない
-
パソコン上で4K動画を4k非対...
-
this AVについて
-
パワーポイントで動画を繰り返...
-
YouTubeについてです。 2〜3日...
-
xvideoについて。 Androidスマ...
-
PCの画面共有で映画を見る方法
-
ユーチューブのショート動画っ...
-
動画が縦に伸びてしまい縦と横...
-
YouTubeで、前に再生した動画は...
-
Firefox 拡張機能 でYouTubeか...
-
ニコ動のコメントで「/逆再生」...
-
iPhoneのプログラムで動画の区...
-
PowerDVDで再生したときだけエ...
-
YouTubeの100万回再生、1000万...
-
iPadで、YouTubeを止めずに別の...
-
Air Video
-
スマホで撮った8Kの動画をPCで...
-
Amazon fire stick tvの設定を...
-
YouTubeでわたしのアールが再生...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
パソコン上で4K動画を4k非対...
-
this AVについて
-
YouTubeについてです。 2〜3日...
-
PCの画面共有で映画を見る方法
-
iPadで、YouTubeを止めずに別の...
-
xvideosが再生できない
-
ユーチューブのショート動画っ...
-
教えて下さい: 外付HDに保存さ...
-
うずらの卵を食べて亡くなられ...
-
パワーポイントで動画を繰り返...
-
【是非回答お願いします】人気...
-
PowerDVDで再生したときだけエ...
-
You tubeなどでダウンロードし...
-
iPhoneSEユーザーです。寝る前...
-
動画ダウンロードの際の HD と ...
-
高画質の動画再生で色が変わる...
-
【ユーチューブで画面が真っ白】
-
xvideoについて。 Androidスマ...
-
U-NEXTで動画を続きから再生を...
-
Tver アンケートに回答しても視...
おすすめ情報
解決しますた。