Using video background elements -...

Jun 7th, 2017 at 10:31 AM
User 2846109 Photo

Jeff
Ambassador
341 posts

I'm not really having any luck with the local files. Here are all of my files if anyone would like to take a look. I'm sure I'm doing something wrong!

https://www.dropbox.com/s/2ebave80ivegs … d.zip?dl=0
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Jun 7th, 2017 at 02:29 PM
User 303390 Photo

Webby
Registered User
97 posts

As far as I know, ALL mobile browsers disable background video to reduce bandwidth costs.
If anyone knows differently, let me know here!

Jun 7th, 2017 at 08:32 PM
User 2839879 Photo

Bainn
Registered User
99 posts

Jeff wrote:
Bainn,
Thanks for the info! I'll be testing out that method tomorrow!
Are you keeping that extra CSS in a separate file that you load in as a resource into the head section?

I have Handbrake here already and I'll look into using it as needed to get the video formats correct.


Yes - I do Jeff.
CoffeeCup Websites:
City Church Christchurch: https://city.org.nz
Champion Freight: https://www.championfreight.co.nz/
eChamp: https://echamp.co.nz/
Champion Containers: http://championcontainersnz.com/
Jun 7th, 2017 at 10:46 PM
User 2846109 Photo

Jeff
Ambassador
341 posts

Bainn,
If you have a few moments can you take a look at my project file I uploaded a few posts above here.
I'm sure I have something set up incorrectly but can't figure it out.

Thanks!
Jeff
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Jun 8th, 2017 at 01:34 PM
User 2846109 Photo

Jeff
Ambassador
341 posts

OK, I've got the local videos up and running now. I still think I need to tweak a few things but it's a start!
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Jun 9th, 2017 at 06:17 PM
User 2839879 Photo

Bainn
Registered User
99 posts

Heya Jeff. Didn't see your posts until now. I tried to look at the project file but got a 404 error. Is it working now?
CoffeeCup Websites:
City Church Christchurch: https://city.org.nz
Champion Freight: https://www.championfreight.co.nz/
eChamp: https://echamp.co.nz/
Champion Containers: http://championcontainersnz.com/
Jun 10th, 2017 at 12:00 AM
User 2846109 Photo

Jeff
Ambassador
341 posts

Hi Bainn,

Yes I got it working so I deleted those files as they were not my most current anymore.

I was having some trouble getting the video to scale correctly inside the container. I might end up having questions if I work on it a bit more next week but I'll post if I do!

Thanks again for your help!
Jeff
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
Jun 19th, 2017 at 03:36 AM
User 495036 Photo

andrey sobolevs
Registered User
13 posts

hi i try to put a background video in RSD using HTML code source above but can not find where do i set css code in RSD any advice?

thanks
Jun 19th, 2017 at 07:42 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,271 posts

Hi Andrey,

Click on Settings in the upper right of the design window.
In the head section down near the middle of that panel add inline css or a link to a external style sheet that is either in your resources or on your site.
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

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.