質問編集履歴
4
title
CHANGED
File without changes
|
body
CHANGED
@@ -11,8 +11,10 @@
|
|
11
11
|
### 問題
|
12
12
|
video1の動画終了前に手動でポップアップを閉じ、すぐにvideo2を開くと、video1の動画再生終了時間のタイミングで閉じてしまう。
|
13
13
|
|
14
|
-
###
|
14
|
+
### 希望する動き
|
15
|
+
video1のポップアップが、
|
16
|
+
●動画再生終了時に自動で閉じる
|
15
|
-
|
17
|
+
●ポップアップを手動で閉じた時、video.addEventListenerの内容がキャンセルされる
|
16
18
|
|
17
19
|
### コード
|
18
20
|
```html
|
3
title
CHANGED
File without changes
|
body
CHANGED
@@ -47,6 +47,7 @@
|
|
47
47
|
```
|
48
48
|
|
49
49
|
```js
|
50
|
+
<script>
|
50
51
|
$(document).ready(function(){
|
51
52
|
$(".inline1").colorbox({
|
52
53
|
inline: true,
|
2
title
CHANGED
File without changes
|
body
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
1. サイト訪問時に、動画を読み込んだポップアップ(video1)が自動で表示される
|
6
6
|
2. 動画の再生終了時に、ポップアップが自動で閉じる
|
7
|
-
3. 同一のページにポップアップ(video2)が出現するボタン
|
7
|
+
3. 同一のページにポップアップ(video2)が出現するボタンがあり、こちらはクリックして開く
|
8
8
|
|
9
9
|
上記の条件は達成したのですが、気になる挙動があり修正したく考えています。
|
10
10
|
|
1
フローの「1」を修正しました。
title
CHANGED
File without changes
|
body
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
以下のようなフローのしくみを作りたいのですが、javascript初心者のため、煮詰まっております。
|
3
3
|
助言を頂ければ幸いです。
|
4
4
|
|
5
|
-
1. サイト訪問時に、動画を読み込んだポップアップ(video1)が表示される
|
5
|
+
1. サイト訪問時に、動画を読み込んだポップアップ(video1)が自動で表示される
|
6
6
|
2. 動画の再生終了時に、ポップアップが自動で閉じる
|
7
7
|
3. 同一のページにポップアップ(video2)が出現するボタンを設置する
|
8
8
|
|