Skip to main content
Participant
August 11, 2021
Question

Autoplay ios Animate HTML5

  • August 11, 2021
  • 1 reply
  • 1022 views

Good day

I have an interactive game that plays mp4 movies inserted by video componente.

With the exception of IOS (iphone) it works.
With IPhone only the first frame of the video is shown.
The user had to already actively click on the web page to
to get to the videos.

Is there an easy way to start the video via a button?
(Controls are shown but do not work).

I would be very grateful for any help.

Translated with www.DeepL.com/Translator (free version)

    This topic has been closed for replies.

    1 reply

    JoãoCésar17023019
    Community Expert
    Community Expert
    August 11, 2021

    Hi.

     

    It's really a battle to make videos run properly on iOS. There are a few things you can try, like adding the playsinline attribute to the video tag. And apparently the "low power mode" can influence too.

     

    Please checkout the answers in the link below:

    https://stackoverflow.com/questions/43570460/html5-video-autoplay-on-iphone

     

    I hope someone else can give you a better answer.

     

    Regards,

    JC

     

    DerEwigeAuthor
    Participant
    August 27, 2021

    Hi, thanks for the answer

     

    Unfortunately I am too stupid to install the playsInline correctly.
    Could someone help me there? Thank you.

    Here is the js that Animate creates where I tried to add the playsInline. But it does not work.

     

    this.instance = new lib.an_Video({'id': '', 'src':'videos/WALK_01.mp4', 'autoplay':true,'playsInline':true, 'controls':false, 'muted':true, 'loop':true, 'poster':'', 'preload':true, 'class':'video'});

     

     

    Participant
    July 21, 2022

    Hi, did you find a solution?