More "Background video" settings - Support | Kriesi.at

Tagged: video

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
September 22, 2014 at 11:33 pm #323350
Jens
Participant
Hi,

I need more control over the new background video feature, which is awesome btw :)
- How can I define the position (direction)? (“Top Center” would be nice, right now it’s “Center Button”)
- How can I bring the video to loop it self? Or not to do so?
- Is there a way disable audio?
- Is it possible to add some scrolling/parallax behaviour to it?
  (Like for the fallback Image, which behaves now a bit inconsistent.)
Thanks guys :)

Greez Jens
September 23, 2014 at 5:41 am #323488
Ismael
Moderator
Hi Jens!

Thank you for using Enfold.

1.) What do you mean by “direction”?

2.) It is already set to loop and autoplay, but you can edit config-templatebuilder > avia-shortcodes > section.php to manually control the video options:
```
$slide = array( 
        						'shortcode' => 'av_slideshow',  
        						'content' => '', 
        						'attr' => array( 	'id'=>'', 
        											'video'=>$video , 
        											'slide_type' => 'video', 
        											'video_mute' => true,
        											'video_loop' => true,
        											'video_ratio' => $video_ratio,
        											'video_controls' => 'disabled',
        											'video_section_bg' => true,
        											'video_format'=> '',
        											'video_mobile'	=>'',
        											'video_mobile_disabled'=> $video_mobile_disabled
        										)  
        						);
```
3.) Video audio is already set to mute.

4.) You can set the Background Repeat to Fixed or Parallax.

Cheers!
Ismael
September 23, 2014 at 11:20 am #323583
Jens
Participant
Hi,

1) “background-position”. Right now I always see only the lower part of the video.
But I would like to see the top part. I found out that in css at “#top #av_section_1 .av-section-video-bg video”
there is a value at about ~ Top:-400px this cases that.
But it depends on the viewport and so on. So this somehow isn’t the solution, I would guess.

My setup:
- Latest WordPress and Theme version
- MP4 Video: This one: https://www.dropbox.com/s/4m9rupraft9s264/Test-Clip.mp4
- Section Minimum Height: 50% of browser hight
- Video Aspect Ratio: 4:3
- Background Repeat: No Repeat
- Loop is on: config-templatebuilder/avia-shortcodes/section.php > av_slideshow > ‘video_loop’ => true
My result:
- 50% cropped video
- I see the lower half of the video
- It doesn’t loop
- I don’t see any parallax behaviour
What I want :)
- 50% cropped video
- I see the upper half of the video (or the center)
- It does loop
- I see a parallax behaviour
2) Would be nice to see this as flag in the GUI where I could set the Aspect Ratio, too.
As this is not a global thing. One video needs a loop, the next doesn’t :)

3) Same with Loop. Good to know I could change it there .. but a GUI would be nice.

4) Parallax. Where? I only see “Background Repeat” which comes close. But there are only the values:
- No Repeat
- Repeat
- Tile Horizontally
- Tile Vertically
- Stretch to fit
No Parallax. Or do I miss the point?

Thanks guys!

Greez Jens
- This reply was modified 10 years, 2 months ago by Jens.
September 23, 2014 at 11:42 am #323591
Jens
Participant
So, tested a bit more.
- Chrome (latest): No Parallax, but the Video is centered. The Looping works.
- Safari (latest): No Parallax, but the Video is at the button. The Looping works not.
- Firefox (latest): No Parallax, but the Video is at the button. The Looping works not.
Your embed code is something like:
```
<video class="avia_video av-mediajs-loaded" id="player_74..." src="..../test.mp4">	
   <source src="..../test.mp4" type="video/mp4">
</video>
```
There I miss the “loop autoplay” statement in the <video> dom.
Seems to be wrong. If I add that manually via firebug, looping works.

More like:
```
<video class="avia_video av-mediajs-loaded" id="player_74..." src="..../test.mp4" loop autoplay>	
   <source src="..../test.mp4" type="video/mp4">
</video>
```
Right?
- This reply was modified 10 years, 2 months ago by Jens. Reason: cropped the path and id of the video embed code snipped
September 24, 2014 at 9:20 am #324106

Ismael
Moderator

Hey!

Thank you for the update.

4.) My bad. I was referring to the Background Attachment. When you add a background image, this option will appear but it won’t affect the video. You can’t set the video background as parallax when using the Color Section. Use the full screen slider instead if you want a parallax video, and control the audio, loop and controls.

Cheers!
Ismael

March 17, 2022 at 3:28 pm #1344928

Eleina_Shinn
Participant

Hi, I’m tagging into this because I have a background video in a Color Section, and it looks awesome, but I would also like to see it take from the Top Center or Center Center of the video, because some of the heads are getting cut off of the top. And I didnt see an answer to this question.

Can this be done using css, or you mentioned in this thread a config-templatebuilder file, but I didn’t see a way to change it there either.

Your help with accomplishing this would be much appreciated.

The video is on the home page here: https://heartvascularsurgerycenter.com/ but I have a coming soon page up, so I’ll provide login credentials below.

March 18, 2022 at 4:26 am #1344996
Ismael
Moderator
Hi,

@eleina_shinn: You can try this css code to adjust the position of the video element in the slider a bit.
```
@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  .av-video-slide .mejs-mediaelement {
    top: 50px;
  }
}
```
We have removed the login credentials in the private field of your last reply because OP will be able to see it.

Best regards,
Ismael
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.