Q: when fullscreen video in aside tag footnote apear on top and cover video
Hi, Im creating an e-book and I added into this book video. This video is placed into aside tag. So user can view this video after clicking on link which will open this aside footnote. But problem appeared when user want to use full screen on this video. Footnote jump to front of view and cover video. I tried edit CSS but everything was unsuccessful.
Here is screenshot
Here you can see this foot note which cover video
Thank you for answers.
iBook
Posted on Mar 7, 2014 6:07 AM
I forgot post a code...
Here it is.
CSS:
#v1 {
display:block;
}
.page1 {
position:absolute;
left:300px;
top:300px;
font-size:30px;
}
XHTML:
<div>
<a epub:type="noteref" class="page1" href="#v1">text</a>
</div>
<aside epub:type="footnote" id="v1">
<video src="videos/myVideo.m4v" type="video/m4v" width="310" height="240" controls="true" >
</video>
</aside>
Posted on Mar 7, 2014 6:14 AM