javascript - Element over youtube video clicks through on mobile -


this problematic issue, seems have no solutions, hope can it.

the issue when adding element on youtube video iframe, shouldn't let click video , doesn't on desktop version. on mobile clicks through element if video appears near side of main window , target @ side too.

try jsfiddle in device mode , try click video @ side of main window (https://i.imgur.com/ukk5cwl.png):

https://jsfiddle.net/vjtfopdw/

code test:

<iframe width="560" height="349" class="video" src="https://www.youtube.com/embed/tvixmajmd8m?rel=0&amp;controls=0&amp;showinfo=0&amp;wmode=transparent&amp;playsinline=1" frameborder="0" wmode="opaque" allowfullscreen="" ></iframe>    <div style="      position: fixed;      z-index: 99999999;      left: 0;      right: 0;      top: 0;      bottom: 0;      background: rgba(255, 255, 255, 0.67);">  </div>

i've tried setting higher zindex, moving element more each side, adding , removing wmode=transparent & opaque, nothing helps.


Comments

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -