ugofalace

Q: Video in HTML5 widget for iBooks Author doesn't work on iPad. HELP

Hello!

Is there anybody who faced same issue?

Video included in HTML5 widget doesn't work on iPad. It works in Safari but no way to have it started on the iPad.

I can only see the play sign with a bar on it.

 

Format is .mp4 (H264) so it should be the right one.

Please help, I tried everything...(below a screenshot from iPad)

 

Thanks in advance for cooperation!

Ugo

issue.jpg

iBook, i books author

Posted on Apr 20, 2013 10:19 AM

Close

Q: Video in HTML5 widget for iBooks Author doesn't work on iPad. HELP

  • All replies
  • Helpful answers

Previous Page 2
  • by patixa,

    patixa patixa May 21, 2013 7:22 PM in response to yosoysyt
    Level 3 (612 points)
    May 21, 2013 7:22 PM in response to yosoysyt

    As I've posted in some other threads, this sometimes works for me.

     

    Find the original video file in Finder, select it, then

    Finder > Services > Encode Selected Video Files

     

    I haven't experimented with all of the settings to know which is "best", but try something appropriate to your content. When it's done, re-import the new file into your widget project.

  • by ugofalace,

    ugofalace ugofalace May 23, 2013 1:48 PM in response to ugofalace
    Level 1 (0 points)
    May 23, 2013 1:48 PM in response to ugofalace

    Hi Patixa,

    Thanks for your support but it doesn't work this way. With your procedure I'm only able to save a .m4v file which is not suppoted into HTML5 widget. Only .mp4 should be running.

    Thanks anyway

    Ugo

  • by patixa,

    patixa patixa May 23, 2013 1:51 PM in response to ugofalace
    Level 3 (612 points)
    May 23, 2013 1:51 PM in response to ugofalace

    If you change the output file's extension to ".mp4", does it work?

  • by ugofalace,

    ugofalace ugofalace May 23, 2013 1:56 PM in response to patixa
    Level 1 (0 points)
    May 23, 2013 1:56 PM in response to patixa

    No it doesn't work either.

    Actually a specialist from Apple tested it during a workshop and he couldn't fix it.

    We tried everything so we just gave up.

    Thanks a lot

    Ugo

  • by MediaCat,

    MediaCat MediaCat Jun 28, 2013 8:35 AM in response to ugofalace
    Level 1 (0 points)
    Jun 28, 2013 8:35 AM in response to ugofalace

    Hi ugofalace. I've had success using Hype to create a HTML widget with video embedded. I did run into some quirks along the way, as you have. You may have already tried this but one thing to check is to keep the video pathname (including folder names) simple, with only alphanumeric characters, and no spaces. You already mentioned that your video is a H.264 mp4 - I ran into problems until I noticed that I was given an mp4 video, but it wasn't H.264. I used QuickTime Pro 7 (i.e., QuickTIme Player 7 that has a Pro license) to convert to the right format. Using QTPro give lots of options with the Export command, and allows tweaking of data rate, size, frame rate, etc.

     

    In Hype, I found that if I embedded the video, and set it to "autoplay", it will start correctly when going to the beginning of the Hype Scene where the video lives. Works pretty well, overall.

     

    But... the one issue I'm still fighting is that whenever a video starts, a black screen and the QuickTime logo appears briefly (from about 1/10 to 3/4 seconds), which is not what I desire. I've seen other iBooks with HTML widgets and video where the video appears to start, stop, and restart without any black flash at the beginning. Still trying to get that looking better.

     

    Have you had any better success with your video inside an HTML widget?

  • by TomRockwell,

    TomRockwell TomRockwell Jul 25, 2013 1:05 PM in response to ugofalace
    Level 1 (0 points)
    Jul 25, 2013 1:05 PM in response to ugofalace

    I just spent 4 1/2 hours working on this same issue and I found a solution.  At least for me.  There was a space in the file name of the widget I created. 

     

    That's all.

     

    4 1/2 hours.  For a space.

     

    I changed "test 2.wdgt" to "test2.wdgt" and the videos magically started working again.  Also, your video files can't have any spaces or special characters either.

     

    Hope that helps!

  • by K T,

    K T K T Jul 25, 2013 1:10 PM in response to TomRockwell
    Level 7 (23,844 points)
    Publishing
    Jul 25, 2013 1:10 PM in response to TomRockwell
  • by patixa,

    patixa patixa Jul 25, 2013 1:20 PM in response to TomRockwell
    Level 3 (612 points)
    Jul 25, 2013 1:20 PM in response to TomRockwell

    iAd Producer has a validation window that catches stuff like spaces in video file names for iBooks Author widgets.

  • by TomRockwell,

    TomRockwell TomRockwell Jul 25, 2013 1:21 PM in response to patixa
    Level 1 (0 points)
    Jul 25, 2013 1:21 PM in response to patixa

    Good to know.  Sencha Animator has no such feature.  Maybe I'll suggest it.

Previous Page 2