3D FlipBook - positioning video/s on page
n***6@gmail.com
2020-12-31
2021-01-12
Hi,
In your example, the video is placed at the top. How do I position the video/s in specific locations on the page? For example, I would have a text heading " How to create an audiogram, watch the video below. I want the video to appear under my heading. Same for an audio file..
Thanks
Nicole
Replies
© All rights reserved
it's hit and miss you just have to use trial an error with the positioning numbers until you get it right.
Can you tell me the html code to insert the video? And is it possible to have more than one video throughout the entire flipbook?
This is for multiple videos but should work fine with just one as well. So to position the video correctly you change the top: and Left: numbers till you get it right.
Example page 2: CSS: .vid1 { width: 400px; height: 300px; position: absolute; top: 100px; left: 100px; } .vid2 { width: 400px; height: 300px; position: absolute; top: 500px; left: 100px; } HTML:
page 4: CSS: .vid3 { width: 400px; height: 300px; position: absolute; top: 300px; left: 100px; } .vid4 { width: 400px; height: 300px; position: absolute; top: 700px; left: 100px; } HTML:
that hasnt come out totally corectly when pasted but you should get the gist of it.
yes I get the gist of it... I will play around with it, thank you
Do I put the YouTube video url where it says vid1 or vid 3 in your code?
refer to this thread as pasting here doesnt work https://3dflipbook.net/question?id=1419