Streaming live at 10am (PST)

Text under video-code


#1

how am I right edit text under video-code? Transform
https://preview.webflow.com/preview/osg-8bed4d?preview=9d2d3fb041803d9ed740f73290cd80f4


#2

Can you please specify your exact problem and question? Thanks! :grinning:


#3

text must under video.
How can I edit?


#4

Hi @Loll, since the video is actually an embed with the video having absolute position, I would suggest to give the container a height for example 620px at Desktop with relative position.

Next, give the paragraph an absolute position, with a bottom anchor:

This results in, for example the following:

This is just a workaround, to get better results, I would try to use a background video widget or regular video widget built in to Webflow. That way you do not need to fool around with the absolute positioning.


#5

your help is very good :smiley:


#6

how can I edit text at the same time it brings to video?


#7

Hi @Loll, well with the absolutely positioned video, i would change the embed code to also use a fixed height the same on each viewport, to match the height of the container.

In order to have the text align automatically with the video, then the video must use relative position or auto and the paragraph also set to relative or auto positioning.

The video is resizing because the width is set to 100% and resizing when the viewport changes. The text is not, because the container has a fixed height.

Have you tried to use a background video widget in Webflow? I think that might solve the issue.

https://help.webflow.com/article/how-to-add-a-background-video-to-your-webflow-site


#8

I will try to be precise. Did not work out :neutral_face:


#9

Hi @Loll, thanks, Take a look at my video, it may help: http://quick.as/8qlbiomk3

On mobile, background video does not autoplay and does not present a play button. If you want the video on mobile then the embed is needed after all, so if you can re-share the link path to the video that you originally used, I will look at that further.

I hope this helps.


#10

video is not right, text is not right too.
I want that video still size 100%


#16

Hi @Loll, ok thanks, I am going to make a example site, and use a test video. Once finished I will update you.


#17

when will you update me?


#18

when will you update me?


#19

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.