3D FlipBook - How to add Audio and Video in 3D Flip Book.

s***5@gmail.com

2020-06-27

2020-06-28

Hi, Thanks for developing such a wonderful and helpful plugin. I just downloaded the free version but want to buy a pro version. Before buying I want to learn and test audio/video insertion in the 3D Flip Book. I have seen your video but could not understand because there is no sound. If you can send me a written tutorial to skarim65@gmail.com it would be a great help for me.

Replies

a***r@3dflipbook.net

2020-06-28

There is nothing difficult, you need to use CSS layer with appropriate HTML. For video: https://www.youtube.com/watch?v=ekpAGfmPI5k . I do not have written guide. Just copy HTML, CSS, JavaScript from the video description like it is shown in the video.

a***r@3dflipbook.net

2020-06-28

css:
.center-page {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
iframe {
  border: 0;
}

html:
<iframe class="center-page" src="https://www.youtube.com/embed/meZCnPF5IdQ" width="800" height="600"></iframe>

js:
function init(jContainer) {
  console.log(jContainer);
  console.log('init');
  return { // set of callbacks
    hide: function() {console.log('hide');},
    hidden: function() {console.log('hidden');},
    show: function() {console.log('show');},
    shown: function() {console.log('shown');},
    dispose: function() {console.log('dispose');}
  };
}; init

b***n@gmail.com

2020-08-11

I've tried this with my own position coordinates. It places the video in the exact same spot every single time. No matter if i change it from absolute to relative or change percents or pixels. Never moves. I can change the size no problem. Help please.