teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

タイプミスを修正しました。

2017/05/06 03:37

投稿

goombeer
goombeer

スコア16

title CHANGED
File without changes
body CHANGED
@@ -20,24 +20,6 @@
20
20
  </script>
21
21
  </body>
22
22
  </html>
23
- <!DOCTYPE html>
24
- <html lang="ja">
25
- <head>
26
- <meta charset="utf-8">
27
- <link rel="stylesheet" href="css/reset.css">
28
- <link rel="stylesheet" href="css/pokemon.css">
29
- <title>Pokemon</title>
30
- </head>
31
- <body>
32
- <div class="flame">
33
- <img src="images/flame.jpg" alt="" width="500px;" height="450px">
34
- <video src="video/video.mp4" id="video" autoplay width="312px" height="300px;" onclick="opning()"></video>
35
- </div>
36
-
37
- <script type="text/javascript" src="pokemoscript.js">
38
- </script>
39
- </body>
40
- </html>
41
23
  ```
42
24
 
43
25
  ```【javascript】

1

コード部分について修正を行いました。また、クリックの部分ですが、videoタグにonclickを設定し、関数を呼ぶように設定しているのですが、これではだめでしょうか。知識不足で大変申し訳ないです。

2017/05/06 03:37

投稿

goombeer
goombeer

スコア16

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,7 @@
1
1
  ###前提・実現したいこと
2
2
  javascriptを用いて、動画から画像への切り替えを行いたいです。
3
3
  ###該当のソースコード
4
+ ```ここに言語を入力
4
5
  <!DOCTYPE html>
5
6
  <html lang="ja">
6
7
  <head>
@@ -37,8 +38,9 @@
37
38
  </script>
38
39
  </body>
39
40
  </html>
41
+ ```
40
42
 
41
- 【javascript】
43
+ ```【javascript】
42
44
  function opning(){
43
45
  var title = document.createElement("img");
44
46
  title.setAttribute('src','text.png');
@@ -46,6 +48,7 @@
46
48
 
47
49
  document.getElementById('video').innerHTML = title;
48
50
  }
51
+ ```
49
52
 
50
53
  動画までは再生されています。
51
54
  動画をクリックした際に、指定した画像に切り替えを行いたいのですが、実行されません。