質問編集履歴
2
誤記修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -78,7 +78,7 @@
|
|
78
78
|
|
79
79
|
|
80
80
|
|
81
|
-
②
|
81
|
+
②Chromeブラウザでも発生するのですが、モーダル呼び出し元の画面に、position:fixed指定がある要素が存在する場合、モーダル画面を呼び出すと、当該fixed要素は裏に隠れるのですが、全画面表示ボタンを押すと、当該fixed要素が全面動画よりも前に表示される問題。
|
82
82
|
|
83
83
|
これについてはブラウザは関係ないようです。回避へのアプローチはどういったものがあるのでしょうか。
|
84
84
|
|
1
2点の問題点があることを整理しました。解決方法など、改めてご教授頂けると助かります。
test
CHANGED
File without changes
|
test
CHANGED
@@ -51,3 +51,41 @@
|
|
51
51
|
###補足情報
|
52
52
|
|
53
53
|
操作オプションとして、allowfullscreen は設定しています。
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
|
58
|
+
|
59
|
+
###追記情報(20170103)
|
60
|
+
|
61
|
+
「動作NG」という記載が言葉足らずだったのと、chromeブラウザでの動作確認が漏れておりました。大変申し訳ありませんでした。
|
62
|
+
|
63
|
+
改めて困っている内容を、1つ追加して2点に纏めました。
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
①Safariブラウザにて、animateModalのモーダル画面に、Youtube(iframe)を埋め込んだ場合、モーダル画面上で、全画面表示ボタンを押すと、全画面とならず、モーダル呼び出し元の画面に動画が小さく表示される問題。
|
68
|
+
|
69
|
+
chromeブラウザでは問題なく全画面表示されました。Safari固有の問題であるのかもしれませんが、回避方法はないものでしょうか。
|
70
|
+
|
71
|
+
以下参考。
|
72
|
+
|
73
|
+
[http://runandgun.exout.net/test2.html](http://runandgun.exout.net/test2.html)
|
74
|
+
|
75
|
+
![全画面表示しているのに動画横長ブロックになっている](96f49630e7a8a14dfcacb9a53b4821f7.jpeg)
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
②Safari・Chromeブラウザどちらでも発生するのですが、モーダル呼び出し元の画面に、position:fixed指定がある要素が存在する場合、モーダル画面を呼び出すと、当該fixed要素は裏に隠れるのですが、全画面表示ボタンを押すと、当該fixed要素が全面動画よりも前に表示される問題。
|
82
|
+
|
83
|
+
これについてはブラウザは関係ないようです。回避へのアプローチはどういったものがあるのでしょうか。
|
84
|
+
|
85
|
+
以下参考。
|
86
|
+
|
87
|
+
[http://runandgun.exout.net/test3.html](http://runandgun.exout.net/test3.html)
|
88
|
+
|
89
|
+
。
|
90
|
+
|
91
|
+
![左下に、fixed要素が表示されてしまっている状態の画像](a804b23001ef433b42ffb42d941e40bb.jpeg)
|