Inline Video Not Working On iPhones w/"Low Power Mode"

Does anyone have any solutions for this? I’m finding that inline videos are not working on iPhones if the user has the phone on “Low Power Mode”. There is a lot of talk about this problem on the internet if you just google it. Any solutions for this with Tumult Hype?

Videos that would otherwise autoplay will show controls if low power mode is on, but there isn’t really a workaround for this.

The videos work fine when it is not on “Low Power Mode”. But the moment I turn the feature on in the iPhone settings the video stops working. Regarding the code. I am a rookie at this kind of stuff so I didn’t understand your response about the code and on scene load. Is that a workaround? My apologies, can you put it to me in layman’s terms?
The last option you mentioned is essentially just turning the controls feature on for the video, correct? Or are you talking about adding an image icon of the play button which will act as a trigger to play the video?

After some more tests it looks like the video will show controls if low power mode is on, so there isn’t really a workaround for this. But you can do something with that information: do some different animation or show something in its place if having a stuck video is a dealbreaker for you.

var myvideo = document.getElementById("myvideo");

if (myvideo.paused) {
   // do something here if the video is paused like: 
   hypeDocument.startTimelineNamed('Video did not play', hypeDocument.kDirectionForward)
}

This example shows a single video set to autoplay. If it doesn’t play (which is detected by a Timeline action + JavaScript function in the Main Timeline, then an additional timeline plays).

detect-videoplayback.hype.zip (2.2 MB)

Would a “fallback” GIF of the inactive video be possible? In other words, when the video stops playing because of “low power mode”, an autoplay GIF of the that same video activates as its replacement without the user having to do anything. Is this a possibility?

Yup, you could have your timeline show that GIF… or a Sprite Sheet :movie_camera: