Video won't play on iPad and iPhone

StirlingEditor · 08-10-2011, 07:00 PM

Hi all,
I've used Liz Castro's ebook, Audio and Video in Epub, to embed a book trailer into my novel's ebook epub file. I've followed her instructions to the best of my knowledge but on both devices, the video only shows as a black box, with a slashed out play button. Gah! Did my coding in Dreamweaver and my video conversion in Adobe Premiere. Have you ever gotten this dreaded black box and how did you troubleshoot it?

Could it be the poster size is wrong? I left that off b/c I could tell how to write it in regard to the {}. Should the

{width: 368px; height: 207px}

be inserted like this? And should it go in the CSS or the xhtml file?

Code:

div.video {width: 368px; height: 207px}{ 
text-align: center; margin-left: auto; margin-right: auto; }
video {
margin-left: auto; margin-right: auto;
}

Here's my CSS:

Code:

}
div.video {
	text-align: center; 
	margin-left: auto; 
	margin-right: auto; }
video {
	margin-left: auto; 
	margin-right: auto;
}

And here's my xhtml coding in the file:

Code:

<div class="video">
    <video src="video/artemis-rising-trailer.m4v" controls="true" autoplay="false" poster="images/poster-image.jpg"></video>
  </div>

Unsure what else to try...

JSWolf · 08-10-2011, 07:05 PM

Quote:

Originally Posted by StirlingEditor

Unsure what else to try...

I know this isn't what you want to hear, but please remove the trailer. We (a number of people on MR have said this) want a book with words. We don't need video/audio.

StirlingEditor · 08-10-2011, 07:50 PM

I am already aware of your strong opinion on this topic, JSWolf. This is an enhanced interactive ebook, however. Video is just one of the many aspects of it. And it's beneficial for use in the sample download.

StirlingEditor · 08-10-2011, 07:51 PM

If you can recommend another online forum that is more amenable to video in ebooks, please share and I'll take my question elsewhere.

DaleDe · 08-10-2011, 09:10 PM

the code elements can be placed in your css file but it you have other entries with different sizes you will need to make unique classes for them. by the way CSS doesn't particularly like things like {...} {...} as you have in the code example.

kjk · 08-10-2011, 09:35 PM

You might want to ask Liz directly-she has a great blog over at http://www.pigsgourdsandwikis.com/ - I think she even has samples!

JSWolf · 08-11-2011, 12:45 AM

Quote:

Originally Posted by StirlingEditor

If you can recommend another online forum that is more amenable to video in ebooks, please share and I'll take my question elsewhere.

http://store.kagi.com/cgi-bin/store....VideoMiniguide

Try that link. That will take you to where you can buy liz Castro's audio & video miniguide. I think that will help you out.

StirlingEditor · 08-11-2011, 01:49 AM

Thank you DaleDe, kjk, and JSWolf. I appreciate your help. I've already posted a comment question there, but I don't know that she'll answer. And her Video MiniGuide is what I've been using. I've followed her coding as closely as I know how. There is something simple that I'm missing, something that I haven't hit on yet. I'm determined to figure it out though. Just hoping for a little advice to get me going in the right direction. You know?

08-10-2011, 07:00 PM	#1
StirlingEditor Junior Member Posts: 9 Karma: 10 Join Date: Jul 2011 Device: Kindle	Video won't play on iPad and iPhone Hi all, I've used Liz Castro's ebook, Audio and Video in Epub, to embed a book trailer into my novel's ebook epub file. I've followed her instructions to the best of my knowledge but on both devices, the video only shows as a black box, with a slashed out play button. Gah! Did my coding in Dreamweaver and my video conversion in Adobe Premiere. Have you ever gotten this dreaded black box and how did you troubleshoot it? Could it be the poster size is wrong? I left that off b/c I could tell how to write it in regard to the {}. Should the {width: 368px; height: 207px} be inserted like this? And should it go in the CSS or the xhtml file? Code: div.video {width: 368px; height: 207px}{ text-align: center; margin-left: auto; margin-right: auto; } video { margin-left: auto; margin-right: auto; } Here's my CSS: Code: } div.video { text-align: center; margin-left: auto; margin-right: auto; } video { margin-left: auto; margin-right: auto; } And here's my xhtml coding in the file: Code: <div class="video"> <video src="video/artemis-rising-trailer.m4v" controls="true" autoplay="false" poster="images/poster-image.jpg"></video> </div> Unsure what else to try...

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
iPad GREAT! play AVI, DivX, WMV, FLV1 video on iPad from mem stick/SD.	stustaff	Apple Devices	49	03-21-2012 08:12 PM
Kindle App for iPhone/iPad Supports Embedded Video and Audio	kjk	Apple Devices	10	06-29-2010 07:50 AM

08-10-2011, 07:50 PM	#3
StirlingEditor Junior Member Posts: 9 Karma: 10 Join Date: Jul 2011 Device: Kindle	I am already aware of your strong opinion on this topic, JSWolf. This is an enhanced interactive ebook, however. Video is just one of the many aspects of it. And it's beneficial for use in the sample download.

08-10-2011, 07:51 PM	#4
StirlingEditor Junior Member Posts: 9 Karma: 10 Join Date: Jul 2011 Device: Kindle	If you can recommend another online forum that is more amenable to video in ebooks, please share and I'll take my question elsewhere.

08-10-2011, 09:10 PM	#5
DaleDe Grand Sorcerer Posts: 11,470 Karma: 13095790 Join Date: Aug 2007 Location: Grass Valley, CA Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7	the code elements can be placed in your css file but it you have other entries with different sizes you will need to make unique classes for them. by the way CSS doesn't particularly like things like {...} {...} as you have in the code example.

08-10-2011, 09:35 PM	#6
kjk . Posts: 3,408 Karma: 5647231 Join Date: Oct 2008 Device: never enough	You might want to ask Liz directly-she has a great blog over at http://www.pigsgourdsandwikis.com/ - I think she even has samples!

08-11-2011, 01:49 AM	#8
StirlingEditor Junior Member Posts: 9 Karma: 10 Join Date: Jul 2011 Device: Kindle	Thank you DaleDe, kjk, and JSWolf. I appreciate your help. I've already posted a comment question there, but I don't know that she'll answer. And her Video MiniGuide is what I've been using. I've followed her coding as closely as I know how. There is something simple that I'm missing, something that I haven't hit on yet. I'm determined to figure it out though. Just hoping for a little advice to get me going in the right direction. You know?

Advert

Advert