How to disable click to pause on mobile ?

damjan25 commented 2 years ago

Is it possible to disable click to pause on video area on mobile?

######## One way to do it is with this line of code: document.querySelector("#myAdContainer-ima-ad-container > div:nth-child(1)").style.pointerEvents = "none";

But the issue is that then you can not also click on "Learn More" button anymore. ########

🔨 My use case:

videos have a bit taller height on mobile
if I dont disable click to pause on whole video area that could cause that the user could not scroll past the video on mobile page and would just get stuck on the video :(

ℹ️ Example here https://mysuf.github.io/videojs-ima-player/examples/advanced/index.html if you check it on mobile emulator

if you click on any area of the video the ad will be paused
but I want to disable whole area pause and have only my own pause button for pausing (which is much bigger then this one in example)
and I want the "Learn more" button to still be clickable

Is it possible to change css styles of these elements inside iframe?

Kiro705 commented 2 years ago

Hello @damjan25 ,

There is not an explicit method to disable video-click to pause on mobile for this plugin. In addition the plugin does not provide a way to change the style for IMA rendered UI.

That is not to say it isn't possible, just not supported.

Thank you Jackson IMA SDK team

damjan25 commented 2 years ago

ok understandable. Thank you for explanation :D I will try to find some workaround :P

googleads / videojs-ima

How to disable click to pause on mobile ? #1059