View HTML5 Video on iOS devices without going to full screen

[Daniel]

This page has more info on how to use the ‘ended’ event: http://www.w3schools.com/jsref/event_onended.asp

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

document.getElementById('videoid').addEventListener('ended', function() {
hypeDocument.showNextScene();
}, 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.

[dario1]

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.

[jonathan (Jonathan Deutsch)]

Thanks for the kind words!

@dario1

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.

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!

[Swissroro (Roman)]

I have seen this work in http://www.raptmedia.com 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?

[jonathan (Jonathan Deutsch)]

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:

Inline and Auto Video Playback in iOS 10

Two popular Hype requests have been for videos to play inline on the iPhone and a way to autoplay videos on iOS. There is nothing we can do; this is an iOS restriction (though these are capabilities that are possible if you embed Hype content in your own native app with a UIWebView). Today I discovered some good news - from the look at Apple’s prerelease documentation for the upcoming iOS 10, it looks like Mobile Safari is relaxing this limitation and will now support both of these features: h…

[jonathan (Jonathan Deutsch)]

Some more info released today: https://webkit.org/blog/6784/new-video-policies-for-ios/

[rene (René)]

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

LOL

[Daniel]

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="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">  
  </video>