I am developing a series of short E-books, for guitar teaching purposes.
I’ve made some dummy epub:s in InDesignCC, trying to follow the very informative Lynda.com tutorial by Anne-Marie Concepcion.
The rendering of my embedded Video files in different browsers is what gives me serious headaches – I get really irregular results. (See examples below.)
My question: Is there anything I can do in InDesign, or by adding some HTML/CSS, to at least get rid of this “Need for Scroll Mode”-problem? Or does one need to look into adding some JavaScript player? (I hope not, I’m no good at that!)
Here goes:
Using Readium plugin (Chrome) on my PC’s:
If video is on the FIRST page, all is well.
However – if you need to “turn the page” to get to it, the following happens:
When the Scroll Mode is set to Auto – which means “Page-turn mode”, the video frame and controls becomes invisible when clicking “Play”! The sound plays, though. And you may succeed in turning it off, if you are lucky to click in the right spot…
If I switch scrolling to Document or Continuous Mode it works perfectly fine.
In Firefox, with EPUBReader plugin, all is fine.
Helicon Reader (Android): Same problem as in Readium – video needs to be on the first page to work.
On Gitden Reader (Android), video plays with no problem.
On Gitden Reader (iPad), it plays – but the controls disappear so it can’t be stopped…
On iBooks (iPad): The video plays fine when in Scroll mode. In Page-turn mode, it shows the poster and a slightly cropped version of the Controls, and it won’t play at all.
Thanks in advance for any thoughts on this subject!
Kind regards/
Stefan Nilsson, Sweden
.
