web-dev-qa-db-ja.com

新しいiOS 13ボリュームスライダーのバグ(CSS関連?)

IPhone 8 PlusをiOS 13にアップデートした後、ウェブサイトの新しいボリュームHUDで奇妙な動作に気づきました。新しいボリュームHUDは、ボリュームボタンを操作しても消えません。単純なバーに縮小しますが、完全に消えることはありません。固定ビューがあり、垂直スクロールがない一部のWebページでのみ発生します。 CSSルールに関連付けることはできますか? 「戻る」を押すか、垂直スクロールが有効になっている別のページに移動するとすぐに、ボリュームHUDが通常どおりに消えます。他の誰かがこの問題を抱えていましたか?もしそうなら、それを引き起こした原因とそれをどのように解決しましたか?ボリュームHUDの新しい位置が問題に気づいたWebページの多くのコントロールをカバーしているので、それはひどく迷惑です。そのため、これを修正し、iOS12以下のユーザーの機能を維持するための解決策を見つける必要があります。

私がiframeで気付いたもう1つの問題は、この形式でスクロールできるはずでした。

<div style="overflow-x:scroll">
    <iframe >
        ...
        <video></video>
    </iframe>
</div>

ios12では、iframeはそれが含んでいたビデオと同じ幅、たとえば1200pxの幅でした。モバイルでは、iframeを水平にスクロールして、必要な部分に焦点を合わせることができました。 ios13では、iframeの幅はデバイスの幅です。つまり、iframeを水平方向にスクロールできなくなりました。私は一時的な修正を行っています。jQueryを使用してビデオの幅を取得し、それをiframeに適用しますが、これにより新しい問題が発生するため、以前の状態に戻したいと思います。 ios13とios12でiframeが異なるのはなぜですか?

ありがとう

CSSルールを1つずつ削除しようとして、これが原因かどうかを確認しようとしていますが、現時点では運がありません。これが関連しているかどうかを確認するために、overflow:hiddenルールと-webkit-overflow-scrollingルールの削除を見て、私がそれと何か関係があると考えることができるものだけを確認します。それともメタタグ? ?しかし、これは私のウェブサイトのすべてのウェブページに追加されるので、そうではありません。

期待される結果:通常の動作、どこかで操作するとボリュームHUDが消える。

jQueryが固定幅をiframeに設定することを必要とせずにiframeスクロール可能

編集:問題の原因となるコードのブロック。ブロックを削除すると、問題が解決します。だから私の推測はまだCSSルールに関するものです。

<div id="webcam" style="height: 100%; width: 100%; overflow-x: scroll; overflow-y: hidden;position: relative; background-color: black;">
    <video id="h5live-webcam" type="application/vnd.Apple.mpegURL" playsinline="true" src="https://stream01.****.com:443/h5live/http/playlist.m3u8?url=rtmp%3A%2F%2Fwowza02.****.com%aaabad&amp;stream=1000000.mp4%3FcSessionId%3DguestKey&amp;random=142989" style="width:initial; margin:0px; transform:none; height:100%; width:initial;"></video>
    <div id="middleView-webcam" style="width: 83px; height: 83px; position: absolute; left: 50%; top: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1000;">
        <canvas id="loadingSign-webcam" style="z-index: 1001;"></canvas>
    </div>
</div>

更新2:問題はNanoPlayerと再生オプション(ミュート、オートミュートなど)に関連しています。まだ解決していませんが、絞り込みました。

3
abreski

iOS 13はiframeの動作を変更しました。コンテンツに合わせてスクロールしたり拡張したりしませんでした(フラット化)。これで、他のすべてのブラウザと同じように機能します。スクロールDIVでiOS iframeのスクロール問題を回避していたアプリケーションが影響を受ける可能性があります。 iOS 13以前のiOS 13のように動作できるように、この無効化されたフレームのフラッティングを元に戻す方法があるかどうかを確認しようとしています。これは大きなメッセージです。

削除された機能については、iOS 13のリリースノートを参照してください。

IOSでフレームのフラット化を無効にしました。フレームはデスクトップブラウザと同じようにレンダリングされるようになりました。

bugzilla にリストされているバグ情報。

1
user3546826