Tonda Houdek

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

IMG_0885.PNG

Here you can see this foot note which cover video

IMG_0886.PNG

Thank you for answers.

iBook

Posted on Mar 7, 2014 6:07 AM

Close

Q: when fullscreen video in aside tag footnote apear on top and cover video

  • All replies
  • Helpful answers

  • by Tonda Houdek,Solvedanswer

    Tonda Houdek Tonda Houdek Mar 7, 2014 6:14 AM in response to Tonda Houdek
    Level 1 (0 points)
    Mar 7, 2014 6:14 AM in response to Tonda Houdek

    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>