質問編集履歴
2
タイプミスを修正しました。
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を設定し、関数を呼ぶように設定しているのですが、これではだめでしょうか。知識不足で大変申し訳ないです。
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
|
動画をクリックした際に、指定した画像に切り替えを行いたいのですが、実行されません。
|