I’m able to get it to play in the testing environment also but not on my site. I’m embedding the Hype material in an iframe with some styling to get it formatted correctly in iOS. It looks like this:
I’m testing it on an iPad mini running the latest iOS
UPDATE: when I load the site not in the iframe it does play as expected. I really need to have this iFrame be responsive and so far this whacky code is only way I can make it work. Does anyone have any insight on how to restructure my HTML to make it functional?
It would be great if you could share more info about your document, where you’re hosting it, and how you’re embedding it off the bat.
My guess is that the iPad is having issues playing a video nested within an iframe, or the responsive iframe you’re using is causing issues with the play button target on the video itself. There might also be an issue with loading content over https if you’re embedding on a different domain. Where are you embedding this?
My site where I’m placing the iframe is https://class.yciw.net so I think both are loading over https…is that right?
I also just changed the iFrame to a plain old iframe like: <iframe height="100% width="100%"src="https://yciw.net/_1d/</iframe> and the video did not play.