Background Video atom - Freebie by MrT
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13483
- Web Designer/Developer
-
I see you got your video down to 7MB now - but really that's still too large (consider a mobile user) 3-4MB would be the max really.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Justin R Dawson
- Rocketeer
- Posts: 94
- Thanks: 0
-
Super
Many thanks Mark.
Theres no way in making it that the file is called from a 3rd party site like YouTube or Vimeo?
If not I'll try bringing down the size of the video more.
Regards
Justin
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13483
- Web Designer/Developer
-
No, the atom only deals with local video files.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 431
- Thanks: 4
-
Hi Mark
I am closing this ticket -fixed my issue
Thanks - Last Edit: 2 years 7 months ago by Lisa Shimoni.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 431
- Thanks: 4
-
Hi Mark
We are using this atom in a multulingual site. in one language its ok and its resizing fine on responsiveness, but on the other language the video start to shring and and is moving out of the screen.
Here is how it looks:
https://www.awesomescreenshot.com/video/9604373?key=428ecaa4aa33a9e5216e7c9f385c0615
Thank you
Giora
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13483
- Web Designer/Developer
-
I don't really have time to investigate your issue as this is a freebie particle. I think it's something to do with that panel with the icons. But... here's a quick and dirty workaround that seems to work...
Use this code...
.mrt-bgvideo-wrapper .mrt-bgvideo-container video { margin-left: 0 !important; }
To create a custom CSS compatible with Gantry 5 please read this http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet .
Remember to recompile CSS from base outline too.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Lisa Shimoni
- Hero Rocketeer
- Posts: 431
- Thanks: 4
-
Thanks! that's works.
best regards!
-
-
-
- Alain
- Elite Rocketeer
- Posts: 1345
- Thanks: 38
-
Hello Mark,
Do we have to upload the 3 video files, mp4, ogv, webm or 1 like mp4 is enough ?
Thank you.
Regards,
Alain - Let go of what we believe to be, to awaken to who we are...
Alain
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13483
- Web Designer/Developer
-
If you want support across all browsers then, yes. But most modern browsers will handle the mp4 only now.
Regards, Mark. -
The following users have thanked you: Alain
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.054 seconds