マウススクロールで、縦にスクロールではなく横にスクロールするページを制作しています。
縦ではなく横にスクロールするという時点であまり良いものでないのは承知のうえで質問をさせてください。
現在、マウスのホイールの判定を、jQueryのイベントmousewheelで判定をしているのですが、
YouTubeのIFrame Playerの上にマウスが重なったときに、マウスのホイールを検出してくれません。
症状が発生するのはIEとFireFoxで、
Chromeでは問題なく検出してくれます。
確認したそれぞれのブラウザバージョンは、IE11,FireFox37,Chrome41です。
セレクタは、
・$('html').mousewheel(略)
・$('body').mousewheel(略)
・$('#問題のIFrameのID').mousewheel(略)
それぞれを試してみましたが、やはりIEとFireFoxで検出されませんでした。
問題のIFrameに、cssで pointer-events: none; を設定すると、
IEでもFireFoxでもmousewheelイベントを検出してくれるようになるのですが、
肝心のYouTubeで音量などの操作が何も出来なくなってしまいます。
IFrame Playerの上にマウスカーソルを置きながらマウスをホイールした際にmousewheelイベントを発生させられ、
また、YouTubeのコントロールも行える方法は何かないでしょうか?
よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。