質問編集履歴
1
問題点の要約
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,37 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
以下のような仕様で、Webページで動画を再生させたいです。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
1.PC/スマホの2ページそれぞれに動画サムネイル（静止画）を実装
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
2.動画サムネイルをクリックすると、動画用画面が大きく表示され、音声付きのyoutube動画をオート再生する
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
3.動画用画面を閉じると動画も停止する
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
13
|
-
モーダルウィンドウ
|
|
15
|
+
モーダルウィンドウが開く仕様でテストしたところ、以下の問題がありました。
|
|
16
|
+
|
|
17
|
+
1.音声つきの場合、一部のブラウザでオート再生できない
|
|
18
|
+
|
|
19
|
+
2.再生ボタンを押す仕様だと再生できるが、ウィンドウを閉じるのと動画の音声の停止が連動しない
|
|
14
20
|
|
|
15
21
|
|
|
16
22
|
|
|
17
|
-
・音声つきの場合、一部のブラウザでオート再生できない
|
|
18
|
-
|
|
19
|
-
|
|
23
|
+
音声は必須なので、1は再生ボタンをつけることで妥協できそうですが、2はウィンドウを閉じても動画の音声が流れ続けてしまいユーザビリティが良くないので、どうにか回避てきないかと思っております。
|
|
20
24
|
|
|
21
25
|
|
|
22
26
|
|
|
23
|
-
|
|
27
|
+
今のところ、"動画用画面が大きく表示される"のを諦めて、元ページ内に小さく動画を表示させていますが、上記のような仕様にバージョンアップさせる方法がありましたら、ご教示いただけたら幸いです。
|
|
24
28
|
|
|
25
|
-
最初の依頼にできるだけ近い形でサイトに実装するにはどのような方法があるでしょうか？
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
また、動画のうちの一つが200MBあります。
|
|
30
|
-
|
|
31
|
-
まだ試していませんが、<video>タグで表示させると表示が重くなってしまうのでしょうか？
|
|
32
|
-
|
|
33
|
-
<video>かyoutubeか、または他の方法があるかも知りたいです。
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
当方はコーディングの知識が少ないので、初心者でもわかりやすく解説いただけたらと思います。
|
|
29
|
+
※当方はコーディングの知識が少ないので、初心者でもわかりやすく解説いただけたらと思います。
|