質問編集履歴

2

誤記修正

2017/01/02 17:52

投稿

nanishitongake
nanishitongake

スコア13

test CHANGED
File without changes
test CHANGED
@@ -78,7 +78,7 @@
78
78
 
79
79
 
80
80
 
81
- Safari・Chromeブラウザどちらでも発生するのですが、モーダル呼び出し元の画面に、position:fixed指定がある要素が存在する場合、モーダル画面を呼び出すと、当該fixed要素は裏に隠れるのですが、全画面表示ボタンを押すと、当該fixed要素が全面動画よりも前に表示される問題。
81
+ ②Chromeブラウザでも発生するのですが、モーダル呼び出し元の画面に、position:fixed指定がある要素が存在する場合、モーダル画面を呼び出すと、当該fixed要素は裏に隠れるのですが、全画面表示ボタンを押すと、当該fixed要素が全面動画よりも前に表示される問題。
82
82
 
83
83
  これについてはブラウザは関係ないようです。回避へのアプローチはどういったものがあるのでしょうか。
84
84
 

1

2点の問題点があることを整理しました。解決方法など、改めてご教授頂けると助かります。

2017/01/02 17:52

投稿

nanishitongake
nanishitongake

スコア13

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)