回答編集履歴
3
mouseenter/mouseleaveイベントを追加しました
test
CHANGED
|
@@ -12,6 +12,20 @@
|
|
|
12
12
|
|
|
13
13
|
});
|
|
14
14
|
|
|
15
|
+
// 以下追記
|
|
16
|
+
|
|
17
|
+
video.addEventListener('mouseenter', function() {
|
|
18
|
+
|
|
19
|
+
video.setAttribute('controls', '');
|
|
20
|
+
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
video.addEventListener('mouseleave', function() {
|
|
24
|
+
|
|
25
|
+
video.removeAttribute('controls');
|
|
26
|
+
|
|
27
|
+
});
|
|
28
|
+
|
|
15
29
|
```
|
|
16
30
|
|
|
17
31
|
```html
|
2
修正
test
CHANGED
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
```html
|
|
18
18
|
|
|
19
|
-
<video id="video" src="
|
|
19
|
+
<video id="video" src="sample.mp4" controls autoplay muted></video>
|
|
20
20
|
|
|
21
21
|
```
|
1
サンプルを追加しました
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
再生後に`controls`属性を削除するようにしてみたのですがどうでしょうか・・・
|
|
2
|
+
|
|
3
|
+
[サンプル](https://thimbleprojects.org/takopo/701857/)
|
|
2
4
|
|
|
3
5
|
```Javascript
|
|
4
6
|
|