Video content is playing instead of Ad when user enable fullscreen - iOS Safari
See original GitHub issueI found this issue recently and it was working till last week.
I’m playing video content on iPhone using playsinline property, it starts playing preroll ad video and when the user clicks on the fullscreen button, the video content is playing in fullscreen player instead of video ad.
And when the user exit from full screen, the video ad is playing the background.
Note:
You can replicate the issue by adding “playsinline” attribute in the below example:
https://googleads.github.io/videojs-ima/examples/advanced/
<video id="content_video" class="video-js vjs-default-skin"
poster = "../posters/bbb_poster.jpg" controls preload="auto"
width="640" height="360" playsinline muted="muted">
<source src="//commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
type="video/mp4" ></source>
</video>
It would be great if anyone can help to fix this issue
Thanks, Tony
Issue Analytics
- State:
- Created 4 years ago
- Reactions:1
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Delivering Video Content for Safari - Apple Developer
Enable Full-Screen Video Playback On iPhone, when users play a video, they enter full screen automatically, unless inline playback has been explicitly ...
Read more >Disable fullscreen iphone video - ios - Stack Overflow
Is there any way or 'hack' to disable playing video fullscreen on Safari on a iPhone. Of course I already tried the 'webkit-playsinline'...
Read more >How to Use the Native iOS Video Player for iPadOS 16
Previously, there used to be a setting with Safari called 'Disable Fullscreen API'; which allowed the users to use native iOS video player ......
Read more >Best Practices: How to Play Content in Line in Mobile Browsers
Additionally, video ads will only play full-screen and are automatically paused when minimized. Click-through ads will also be tricky, instead of navigating to ......
Read more >Videos Show Black Screen in Safari on iPhone - macReports
If you have an ad blocker app installed, it could be causing this problem. Disable it. If this does not fix the problem,...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We also ran into this problem since IMA was upgraded from
3.353.0
to3.354.0
: https://developers.google.com/interactive-media-ads/docs/sdks/html5/v3/historyWhen using https://imasdk.googleapis.com/prerelease/js/3.353.0/ima3.js and the
disableCustomPlaybackForIOS10Plus
is set to false, it will use 1 video tag for ad and content playback and the iOS native fullscreen works. When3.354.0
is used it is using a separate video-tag for ad playback.@Kiro705 this seems to be a general bug in IMA that was introduced lately. How can this bug be reported to the IMA team?