need some help with understanding how to use CSS for this plugin

Hey. I got this plugin from code canyon --> https://codecanyon.net/item/real3d-flipbook-wordpress-plugin/6942587

he's explaining how we can use CSS & HTML to position a video or somesuch within the flip book, and I am wanting to understand and have an example shown to me of how to put a video in a certain position. whereas I know it's not technically a wpmudev plugin, I feel i'm asking a question about CSS/HTML that I can translate to a visual.

so ... I want to put a video in one of the panels on this comic book that i've created online, and am presenting through the flip book. I'm sure whoever reads this understands more about positioning in HTML/CSS than I do, and i'd appreciate them just taking a look at what the plugin says on it's advert and telling me if they can offer an example of something I could learn from. like, how to set a video in position one of the pages in the plugin.

http://intothemythica.com/comics/the-realms-of-faerie-rough/

sorry if that was confusing. this is the piece in the advert for the plugin that i'm intending to understand --> https://cl.ly/3B0B0v1e1I1q

which I assume is a sense of programming and positioning. i'm asking you all to help me with an example on something that I can look at and repeat if that's possible :slight_smile:

  • Rupok
    • Support Ninja

    Hi Griffin,

    Thanks for asking. I believe I could tell you how you can add video or other interactive content in your flip mag pages if I had access to that plugin. But the plugins is a third party paid plugin and I don't have any access to their coding or architecture or UI/UX. So I went to that plugin page and found a video tutorial for this plugin. I followed that and I think, what you are looking for is shown at 4 min 38 seconds position on that video. To check that, you can click on this link: https://youtu.be/n9Wk6Ta3kCk?t=4m38s
    It will start the video from that exact position.

    Still I'm describing it here. When you click on the General Tab and scroll down, you will see four tabs under each image "Title", "Image", "Thumbnail" and "HTML Content". I believe, if you put hour HTML 5 video code in that "HTML Content" box, then that video will be rendered, I'm not sure though.

    Actually, I could tell you better about the way of adding interactive content if I could see it live, check your current configuration and make some tests on your site. Would you mind allowing Support Access so we can have a closer look at this?

    To enable support access you can follow this guide here:
    http://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Please confirm here when you are done granting Support Access. I'm looking forward to hearing from you and resolving this issue as soon as possible.

    Have a nice day. Cheers!
    Rupok

  • Kasia Swiderska
    • Support nomad

    Hello Griffin,

    I created test flipbook 9 and inserted there code that displays video from youtube and positioned it with margins top and left:

    <div style="margin-top: 50px; margin-left: 40px;">
    
    <iframe width="560" height="315" src="https://www.youtube.com/embed/F-vSy3CUP-A" frameborder="0" allowfullscreen></iframe>
    
    </div>

    you would need to replace iframe with YT movie with your own movie and change value of the margins to one that will fit on your flip book.

    Let me know if you have more questions

    kind regards,
    Kasia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.