Full Screan Background Video and...
Hi,
I am using a full screen background video element and I wanted that the video played would be different according to the breakpoint. However, it seams that it does not save the video that must reproduce for each breakpoint, you can select just one video for all breakpints. Has anyone achieved changing the video according to the breakpoint in the background video element?
Thanks a lot,
Sergio
I am using a full screen background video element and I wanted that the video played would be different according to the breakpoint. However, it seams that it does not save the video that must reproduce for each breakpoint, you can select just one video for all breakpints. Has anyone achieved changing the video according to the breakpoint in the background video element?
Thanks a lot,
Sergio
I thought you could do that as I've done it with images.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have you set the breakpoints to "default"
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
I've done it as follows, and put it temporarily at https://fc7777.coffeecup.com/vids just to demonstrate that the method works. I hope there are better methods that others can demonstrate.
1. I created three video elements with the class name 'video', and having IDs of vid01, vid02, and vid03.
2. In 'Apply styles' I chose 'To selected class(es)', in Dimensions chose Width:100%, and in Position chose Fixed, top:0px, and Z-index:-1.
3. I selected ID vid01in the Inspector panel, and in the Element panel set it's Video Source, Autoplay, and Muted. I acted similarly with the other two IDs.
4. Below the lowest breakpoint (mobile-first) in 'Apply styles' I chose 'To this element id only' for each video element in turn (selecting as before in the Inspector panel) and I set to Display:none the two videos that I did not wish to appear, and to Display:block the one that I did wish to appear. I acted similarly at each breakpoint.
Frank
1. I created three video elements with the class name 'video', and having IDs of vid01, vid02, and vid03.
2. In 'Apply styles' I chose 'To selected class(es)', in Dimensions chose Width:100%, and in Position chose Fixed, top:0px, and Z-index:-1.
3. I selected ID vid01in the Inspector panel, and in the Element panel set it's Video Source, Autoplay, and Muted. I acted similarly with the other two IDs.
4. Below the lowest breakpoint (mobile-first) in 'Apply styles' I chose 'To this element id only' for each video element in turn (selecting as before in the Inspector panel) and I set to Display:none the two videos that I did not wish to appear, and to Display:block the one that I did wish to appear. I acted similarly at each breakpoint.
Frank
Sorry, I used video elements rather than background video elements, but I guess the same method would work with those.
Frank
Frank
Yes that's (as per Frank's ) way to do it, and you can use the full screen background video to achieve the different videos at different breakpoints. I have done it that way too,
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Thanks a lot for the suggestions to all who have answered I will try it.
I should report that breakpoints do not work with the Fill Screan Background ? or it is just a limitation of the current version of Site designer ?
Thanks a lot,
Sergio
I should report that breakpoints do not work with the Fill Screan Background ? or it is just a limitation of the current version of Site designer ?
Thanks a lot,
Sergio
[quote=Sergio M]Thanks a lot for the suggestions to all who have answered I will try it.
I should report that breakpoints do not work with the Fill Screan Background ? or it is just a limitation of the current version of Site designer ?
Thanks a lot,
Sergio[/quote
But they do work both Frank and I have achieved the change of breakpoints video effect that you want.
You must set the breakpoints to
"Default"
Perhaps you would like a step by step video showing how to achieve the change of background videos at different breakpoints
I should report that breakpoints do not work with the Fill Screan Background ? or it is just a limitation of the current version of Site designer ?
Thanks a lot,
Sergio[/quote
But they do work both Frank and I have achieved the change of breakpoints video effect that you want.
You must set the breakpoints to
"Default"
Perhaps you would like a step by step video showing how to achieve the change of background videos at different breakpoints
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.