Comment on page
Interactive Flipbook Pages
After pages are added to flipbook you can edit each page by clicking on page thumbnail.
Page title will appear in table of content. If the page title is empty the page will not be llisted in table of content.
Add any HTML content to a page, that will be rendered on a separate layer on top of the page image. HTML content layer has default height of 1000px. You can add any HTML and style it with inline CSS. You can also add inline javascript.
<a href="http://www.codecanyon.net" traget="_blank">link</a>
you can add any inline CSS to the element
<a style="position:absolute; left:100px; top:100px; color:#00F;" href="http://www.codecanyon.net" traget="_blank">link</a>
you can also add javascript functions to elements, for example
<div onclick="window.open('http://www.codecanyon.net','_blank')"></div>
Add video to flipbook page by adding HTML code, then position it with inline CSS, like this
<video src="vid.mp4" type="video/mp4" width="400" controls style="position: absolute; top: 100px; left: 100px;"></video>
To add Youtube video to flipbook page copy Youtube video embed code and paste it to page HTML content. Then add inline CSS to the embed code to position and style the video within the page, for example
<iframe width="640" height="390" style="position: absolute; top: 100px" left: 100px;" src="https://www.youtube.com/embed/tS1NCigEB_I" frameborder="0" allowfullscreen></iframe>
The same way you can add any iframe to flipbook page
For easier adding of interactive content to flipbook pages (video, sound, links, iframes, Youtube) check out the visual editor for Real3D Flipbook pages Page Editor Addon
With this addon you can add links, videos, sounds and embed codes to flipbook pages. Each element is draggable and resizable so you can easily position the elements. This addon also enables live preview of page HTML content.
Last modified 5mo ago