Start learning with our library of video tutorials taught by experts. Get started
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.
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.
Find answers to the most frequently asked questions about Add a Video to an iBook for iPad.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.