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...
