Hi

Have just puchased the background video app and am trying to add a video to a page.

Without the video, the test page looks like this clients.motley.site/puregreen/test/template.html and the intention is to add the video to the container with class="row headerLayer"

When I do that, the page looks like this clients.motley.site/puregreen/test/template2.html

Your advice how to get the video to display within that container without it breaking the rest of the css would be appreciated.

Am running DW 2015.3 7888 on Windows 10

Thanks

Jamie

Hello,
How exactly did you add the video there? Can you explain step by step please?

sure, have done a screen capture video of it - which can be downloaded here www.motley.site/misc/ice_video_20190610-131715.zip

the page that was 'created' in the video is this one: clients.motley.site/puregreen/test/template3.html

It's because of your page structure.
Please move the video player tags inside the row ...

<div id="bgvideo1" is="dmx-background-video" src="images/misc/26859013-preview.mp4">

sorry, which tags do you mean?

Put the video player div inside this ROW you are trying to put the video into. I pasted which tag in my last post.

i had tried that already but have done it again so you can see clients.motley.site/puregreen/test/template3.html

it just breaks the css in a different way.

I noticed that if I removed 'overflow:hidden' (from

<div style="position: absolute; width: 100%; height: 100%;  overflow: hidden; ">

) in webmaster tools, then the video becomes visible but then other css becomes broken.

There is something strange in your page layout/css which is causing this.
Please remove the video player tags from your page and add the video attributes to your row headerLayer to test if it works fine:

<div class="row headerLayer" id="bgvideo1" is="dmx-background-video" src="images/misc/26859013-preview.mp4">

ok thats worked...many thanks

Hello. Crftvideo is an absolute game changer when it comes to creating amazing videos that can drive sales and turn your leads into paying customers (crftvideo.com/). With a wide range of video types, they cater to all your unique needs and goals.

I'm especially curious in learning more about video marketing so that I may properly promote my business and products. I've heard a lot about how effective video content can be in reaching and engaging potential consumers, but I'm not sure where to begin or what tactics would work best for my business and target audience. Furthermore, I'd want to learn more about the numerous types of video content that are most effective for businesses, how to develop high-quality films on a tight budget, and how to distribute and promote them across several platforms to optimize their impact.

This reply was removed on 3/4/2024 6:34:55 AM.
See the changelog

Hi there,

I see the issue you're encountering with adding the video to your page. It seems like the CSS layout is being disrupted when the video is introduced to the container with the class "row headerLayer".

One potential solution you could try is adjusting the CSS properties for the video container to ensure it integrates seamlessly with the existing layout. This might involve tweaking the positioning, size, or display properties of the container and the video itself.

Another approach could be using a video editing tool like CapCut MOD APK to customize the video to better fit the container dimensions or aspect ratio. CapCut offers various editing features that might help optimize the video for your webpage layout.

In any case, it's essential to ensure that the video's dimensions and styling align properly with the surrounding elements on the page to avoid disrupting the layout.

If you need further assistance or clarification on implementing these solutions, feel free to ask!

Best regards, imma watson