Content problems in Safari (Course Presentation)

Submitted by jeremyseto on Wed, 07/25/2018 - 14:08
Forums: 
Bugs in content types

I am receiving reports about problems viewing Course Presentations in Safari on iOS and on Mac desktops in general directly from H5P.org

When users switch to Chrome or Firefox on Mac, Course Presentations are fully functioning.

Anecdotal... someone indicated one Course Presentation worked while another did not. The functioning presentation did not have a video or interactive video at that point. Will need to have replicated. 

BV52's picture

BV52

Thu, 07/26/2018 - 04:56

Hi Jeremy,

Can you please elaborate on what the problem is? Can you also provide a test content where you see the problem.

-BV52

jeremyseto

Fri, 07/27/2018 - 15:25

I'm beginning to think there might be a memory issue. The ones that are failing seem to be quite large. The anecdotal evidence of the interactive videos embedded is not true. Students have installed alternative browsers to Safari and the problem perists on iOS. This is not a problem on Android/Chrome , Mac/Chrome , Win7/Chrome, Win7/Firefox, Linux/Firefox, Linux/Chrome. The sites not working are https://h5p.org/node/273473 and https://h5p.org/node/272078 These presentations simply do not load while the rest of the page does.

thomasmars's picture

thomasmars

Mon, 08/06/2018 - 12:08

Hi,
first I'd like to congratulate you on making some very thorough, solid content, nice work.

After looking a bit into your content I've found that the reason it does not work on iOS is the video format that you're using, namely .webm, is not supported on iOS, ref. https://www.webmproject.org/users/. This seems to be causing the error in both of your contents.

I've created an issue in the public issue tracker of H5P to make sure that content does not crash and become unavailable when this happens in the future: https://h5ptechnology.atlassian.net/browse/HFP-2144. In the meanwhile you should be able to resolve the issue by uploading a video with a format that is supported by iOS, or simply removing the video altogether.

Thanks for reporting this, and sorry for the inconvenience.

Best regards, Thomas

jeremyseto

Tue, 08/07/2018 - 14:31

I am surprised that webm is not supported even in Chrome on iOS. I expected that iOS/Chrome would have sufficed, but the students complained that it was still not loading. Now I can remove the "offending" video. I figured that Chrome would overcome such problems. I suppose this gets extended to ogg theora content ass well? The supported Wikimedia video types?  Is there any way to support video from Flickr?

thomasmars's picture

thomasmars

Tue, 08/07/2018 - 15:52

Chrome on iOS is very similar to Safari since iOS enforces some developer constraints, so they are both limited by the OS' video format support.
It seems ogg/theora is not supported for iOS either: https://caniuse.com/#feat=ogv, though I have not tested this. I do not know the supported WikiMedia types, so can't answer on this. I tried to download an example video from Flickr and it looks like it is the .mp4 format, so this should be supported for all browsers, however you would have to find a direct link to the video source, which I'm not sure if Flickr exposes. You could always download the file and upload it directly to the H5P enabled site, if it doesn't have any size restrictions. Sorry, I don't have more info on this. Good luck in finding supported video formats.

BV52's picture

BV52

Wed, 08/08/2018 - 06:03

Hi Jeremy,

Regarding hosting your videos in Flickr. This is possible but with a bit of effort as you cannot use the URL of the player. First you need to make sure that the video is public. Play the video, right click the video and click on "Copy video address". This will give you the link to the video source. Here's a simple content that uses Flickr as the host for a video.

-BV52

jeremyseto

Wed, 08/08/2018 - 17:59

This will solve me a lot of problem moving things over to Youtube.