Azure Media Player Chrome App - Mobile

Dante DeSantis 6 Reputation points
2021-03-15T13:43:31.22+00:00

I have been working on a Azure Media Player project and it has been going great, everything is working properly. Once I was satisfied with the state of my project I decided to test it. My testing went great on PC and Mac across all browsers. Testing on mobile devices like my iPhone, iPad and Fire Tablet did not go so good. The player ran as expected on Safari for my iPhone and iPad, even full-screening the window maintains the control bar I defined rather than using the native iOS player controls :). However when using the Chrome App on my iPhone and iPad my control bar contains the captions button even though I do not have it enabled in my code. Also when I full-screen the Media Player I lose my defined control bar which is replaced by the native iOS player controls :(.

Does anyone know a way to ensure that my defined control bar appears in full-screen mode on the chrome app for mobile devices? Also any help with disabling the captions button on the chrome app for mobile devices would be greatly appreciated as well.

Thanks in advance,
-Dante

Azure Media Services
Azure Media Services
A group of Azure services that includes encoding, format conversion, on-demand streaming, content protection, and live streaming services.
314 questions
0 comments No comments
{count} votes

4 answers

Sort by: Most helpful
  1. James Lodge 21 Reputation points
    2021-03-15T14:36:01.22+00:00

    Hi @Dante DeSantis

    I’m like you regarding working on a project using AMS.

    I have a similar issue but regarding CC/Subs, but it answers your question as to why is the CC controls exposed in AVPlayer webvtt-subtitlescaptions-in-a-hls-stream-for-ios-i.html

    Here is Apples Doc
    _index.html

    You’ll see that AVPlayer defaults to showing the CC control when the EXT-X-MEDIA header isn’t present in the manifest.

    I have a question for you, how are you avoiding using AVPlayer in Safari on iPhone? I assume you’re using Azure Media Player rather than video.js or such like?

    0 comments No comments

  2. Dante DeSantis 6 Reputation points
    2021-03-15T15:25:33.567+00:00

    @James Lodge

    Thank you for your help. I am looking into the solution you presented , hopefully it works :).

    As for your question I accidently misspoke, full-screening on iPhone will display the native iOS video player controls as seen here:

    77872-img-1051.png

    However on my when using Safari on iPad, I get my defined AMS control bar as seen here:

    77789-image0.png

    My iPhone is running iOS 14.2 while my iPad is running iOS 13.5.1 I am really not sure why my AMS contol bar displays while on iPad, I never changed any settings for Safari. Hope this helps in someway.

    -Dante


  3. James Lodge 21 Reputation points
    2021-03-15T16:26:09.72+00:00

    This is exactly the same behaviour I see. iOS iPhone AVPlayer and iPad HTLM5 player. I’ve never found a way to change it. It would actually resolve my CC issue as I wouldn’t be reliant on the manifest containing the EXT-X-MEDIA header for closed captions, because this is only needed for AVPlayer. I’m pretty sure this behaviour is baked in to iOS and is device specific. I’ve looked through the webkit experimental features setting in Safari before on the iPhone. There’s is a “Media Capability Externsion” setting but it’s on by default.

    Thanks for clearing up, I thought I was missing something.

    0 comments No comments

  4. Dante DeSantis 6 Reputation points
    2021-03-15T17:29:30.283+00:00

    @James Lodge

    Please let me know if you find a way around this.

    Thanks for all your help :)

    0 comments No comments