ampproject / ampproject/amphtml

amp-video-docking does not trigger on iOS devices inside viewer

Open
#27,559 8 comments 0 reactions 1 assignee Claimed by @alanorozco View on GitHub
Blocked Component: amp-video-iframe Stale Type: Bug WG: components
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

## What's the issue?

We are using the amp-video-iframe component with amp-video-docking.
The docked video player works as expected when viewing the original AMP page or viewing from the AMP cache via ampproject.org on iOS Safari.
The docked video player does not render when the page is viewed from google.com on iOS Safari.

## How do we reproduce the issue?

You can see the docked video player working as expected via the below urls:
1. https://www.independent.co.uk/news/uk/politics/boris-johnson-coronavirus-self-isolation-symptoms-latest-update-a9445251.html?amp
2. https://www-independent-co-uk.cdn.ampproject.org/c/s/www.independent.co.uk/news/uk/politics/boris-johnson-coronavirus-self-isolation-symptoms-latest-update-a9445251.html?amp

Steps to reproduce the docked video player not working on iOS Safari:
1. Search for 'independent uk news' via google.com search
2. Find any video-based AMP news article from the 'Latest from independent.co.uk' results
3. After viewing/skipping any pre-roll ads, trigger the docked player by interacting with the player and then scrolling the player out of view
4. The docked player should appear, but instead the video pauses as it goes out of view

## What browsers are affected?

iOS Safari version 13 (iOS 13.3.1)
Issue seen on iPhone XR.

## Which AMP version is affected?

AMP version as per console output:
Version 2004030010070

AMP components used:
https://github.com/ampproject/amphtml/tree/master/extensions/amp-video-iframe
https://github.com/ampproject/amphtml/tree/master/extensions/amp-video-docking

AMP versions used:
https://cdn.ampproject.org/v0/amp-video-iframe-0.1.js
https://cdn.ampproject.org/v0/amp-video-docking-0.1.js

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.