Start learning with our library of video tutorials taught by experts. Get started

Add a Video to an iBook for iPad
Illustration by

Add a Video to an iBook for iPad

with Chris Converse

Video: Previewing the final iBook with video

Hi! I am Chris Converse, and in this course, we are going to be adding a video into an iBook and then playing it back on our iPad. So I want to start by showing the Final Project. We are actually going to be starting from an ePUB document, which is really just a zip file that contains HTML and CSS. That's what an ePUB consists of. And we're going to be safely cracking this open, adding our video, modifying some CSS, repackaging it, and then playing this back on our iPad. So let me bring up my iPad here so we can take a look at the Final Project. So here on the iPad I am going to open up iBooks. Our ePUB is in the top left corner here. We are going to tap this to open it up.

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Add a Video to an iBook for iPad
11m 22s Intermediate Jun 07, 2012

Viewers: in countries Watching now:

In this brief course, author Chris Converse demonstrates how to integrate video into an EPUB for distribution on your web site, or the Apple iBookstore. The course shows how to safely open an EPUB file, modify the HTML and CSS inside, add the video and graphic files, and repackage the file without damaging it. The course also covers loading the final iBook and playing it back on an iPad. With the iBooks app on the iPad now supporting much of the HTML5 and CSS3 specification, this workflow will enable you to experiment with many more interactive and design techniques on your own.

Subjects:
Business Design Developer Mobile Apps Web Digital Publishing iPhone, iPod, iPad Projects
Software:
iPad EPUB
Author:
Chris Converse

Previewing the final iBook with video

Hi! I am Chris Converse, and in this course, we are going to be adding a video into an iBook and then playing it back on our iPad. So I want to start by showing the Final Project. We are actually going to be starting from an ePUB document, which is really just a zip file that contains HTML and CSS. That's what an ePUB consists of. And we're going to be safely cracking this open, adding our video, modifying some CSS, repackaging it, and then playing this back on our iPad. So let me bring up my iPad here so we can take a look at the Final Project. So here on the iPad I am going to open up iBooks. Our ePUB is in the top left corner here. We are going to tap this to open it up.

So what we are going to be doing is taking this ePUB file and on the Introduction page, which I'll flip over to here is where we are going to place our video. So we can see the video in the upper right-hand corner. We're also going to be modifying some of the CSS, so we can take the video element and in Portrait View we can set a float property, so that we can allow the text to run around on the left-hand side. Now back in Landscape View here, I am going to tap on the video to begin to play it. Now as the video is playing, I can hit the full-screen button, or I can simply pinch on the video and actually go into full-screen view. When I exit full-screen view, the video will shrink down and go back into playing in line.

Now this technique will work in other e-readers as well, such as the Kindle Fire, the Nook Color, and the Nook Tablet. And as more e-readers start to support the ePUB 3 format which calls for things like video, audio, math markup language, and JavaScript, we'll be able to use these same techniques on a larger number of devices in the future. So I hope this course sounds interesting to you, and if so, let's get started.

Find answers to the most frequently asked questions about Add a Video to an iBook for iPad.


Expand all | Collapse all
please wait ...
Q: What is a good resource for safely unzipping EPUB files?
A: This article by Anne-Marie Concepcion on InDesign Secrets talks specifically about safely zipping and unzipping EPUB files.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Add a Video to an iBook for iPad.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.