View HTML5 Video on iOS devices without going to full screen

This page has more info on how to use the ‘ended’ event:

The code you would use in the built in Hype JavaScript editor is:

document.getElementById('videoid').addEventListener('ended', function() {
}, false);

This requires that you set your video to have an ID of videoid

We’d like to offer more built in support for this in the future.

1 Like

Thanks guys,

That works great… I know its a busy time for you guys because you want to get v3 out asap. Your support is second to none and greatly appreciated.

I agree, that this is necessary for a future update. Although I know how to do this now, the reason a lot of us like using software such as hype is so we don’t have to know or research code. I have been a user from the start and for the most part got by doing what I wanted to do without the use of Java. However, ever since Apple changed there policy on video, the basic video capabilities in hype have not changed to offer a solution. Either we turn off autoplay and turn on controls and ruin our layout or we ignore iOS users. Either of these are not great options. These two fairly basic Java functions built-in to hype would make a huge difference for users like myself and give hype a basic solution that solves the mess of iOS video without any coding.

Thanks again guys.

1 Like

Thanks for the kind words!

We agree - one of our philosophies has been that if a user has to reach for code, then we've [temporarily] failed. Of course, we don't want to make sure everything is still possible and know we won't be able to accommodate all needs which is why we support extending animations via JavaScript and Hype's API. Feedback like this helps determine the next items we should write a visual interface for!

1 Like

I have seen this work in site.
I don’t know how they do it, but the video does not go full screen and then allows interaction… Any info about this?

They are probably making clever use of image sequences or animated GIFs. Actually I just mentioned that iOS 10 will be relaxing their restrictions and allowing this in future version:

Some more info released today:

1 Like

Since before your sun burned hot in space and before your race was born, Safari on iOS has required a user gesture to play media in a or element.


1 Like

To answer this question, simply check ‘Inline’ in Tumult Hype and make sure your video is also muted:


This is the equivalent of using:

  <video width="640" height="480" muted autoplay playsinline>
      <source src="" type="video/mp4">