Want to highlight a helpful answer? Upvote!

Did someone help you, or did an answer or User Tip resolve your issue? Upvote by selecting the upvote arrow. Your feedback helps others! Learn more about when to upvote >

Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

HTML widget with video

I'm trying to create a HTML video player .wdgt that I can drop in to the HTML widget in iBooks Author. I'm getting an error that the video files aren't in a supported format. I've created the video using Quicktime 10 and Exported as iPad, Apple TV yada yada. The resulting files are .m4v which are fine if I drag them to the canvas by themselves - but just not in a widget. I'm not using Dashcode to create a dashboard widget but have instead simply created an HTML page (index.html) and added a .plist file with a Default.png all in a folder with the .wdgt extention.


Has anyone successfully inserted an HTML wdgt file that includes video?


Thanks for any input.


Michael

Posted on Jan 25, 2012 3:58 PM

Reply
13 replies

Jan 25, 2012 4:44 PM in response to imshapp

The docs say:


You can also include audio and video in HTML widgets.

  • For video, you should use an .mp4 file extension.
  • For audio, use files with an .m4a file extension.
  • You cannot use media that has .m4v or .m4p file extensions. Note: Video and audio media in HTML Dashboard files are not DRM protected


Are you trying to use files that ARE DRM protected/purchased from your library?

Jan 26, 2012 6:06 AM in response to imshapp

I have the same problem with audio (m4a file). If I use it in a media widget, everything is fine, but if I use it in an html widget (with an html5 <audio> tag), it says the audio can't be played. I created a thread about this problem, with no luck for the moment.


Seems there are some problems with audio and video in html widget.

Jan 26, 2012 6:51 AM in response to frato

Thanks for the input, frato. I've also tried creating a Keynote presentation with a video but iBooks Author won't let me add that either. I haven't tried audio but will do that today and see if I make any progress.


In each chapter of our book we have several videos and were trying to create a player of sorts with thumbnails of related videos (similar to YouTue) so that we didn't have to embed multiple instances of the media widget on the pages. HTML is ideal for this but just seems to not be ready yet. HTML by itself seems to work just fine though.

Mar 29, 2012 6:50 AM in response to Juju4ka

There does seem to be a bug in the HTML widget in that it won't allow any local video content like the documentation says. I haven't been able to get a definitive response/clarification from Apple on this but after much hair pulling and reading other posts this does seem to be the consensus from the community.


The only workaround I've come across so far is to us an iFrame in your HTML to display the video from a remote server.


We can't have any remote content in our iBook so we had to change the way we presented our material and use the Media widget to display .m4v files. The problem we've had with this approach is that we really don't have much control over the encoding settings for the .m4v files. Compressor provides some control but won't allow us to go below a preset data rate that is much too high for us. We have over 400 videos that we have to include in our book. We've come up with a very strange workaround for creating the .m4v videos that requires us to first create a .mp4 or .mov video with a very low data rate and then use QT 10 to export the video using the iPhone 3GS preset. The resulting .m4v is 2-3 times larger than our source .mov. At least it's at a size that will allow us to cram all 400+ videos into the book.


Sure wish Apple will fix this soon!!!! It's extremely frustrating not being able to control the overall data rate of the .m4v files and even more frustrating that we can't use local .mp4 videos in the HTML widget like the documentation says.

Jul 27, 2012 10:14 AM in response to imshapp

Hi imshapp, I've finally found the solution!


Strange but true, is a problem of path! I mean: assume you have internally working Html wdgt with video into in a highly branched folder of your Mac but when you put it in a iBook of yours it doesn't work. You have to:


1) Extract the contents of the .wdgt file in a very simple branched folder of OS X like "User" or "Download"


2) Rebuild the .wdgt from this folder


3) Create a brand new iBook always from the same folder. The book has to have a simple title like "Try"


4) Put the .wdgt in the new iBook, make a preview on iPad and - voilà - it magically and strangely works!

HTML widget with video

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.