-
Posts
-
Q 1. In wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/section.php the array value below appears to disable video controls. What is the array value if I want to enable video controls?
'video_controls' => 'disabled'Q 2. Also, can you do this through the shortcode manual editor directly under the ALB, by enabling or disabling it per video instance as you need it? If so, what is the value for the shortcode?
There was a similar thread on this topic here: https://kriesi.at/support/topic/un-mute-audio-in-an-embedded-video-in-a-color-section/
that was recently closed.Thx.
Hey websitegurus!
1) You just need to replace it with this code:
'video_controls' => '',2) No, this is not possible. You can only modify this parameter directly in the php file.
Cheers!
Peterhttp://www.coloradoadventurerentals.com
Home Page and Snowmobile PageI’ve implemented this code: ‘video_controls’ => ”, in section.php but it does nothing – I can’t see the controls – the end goal is to allow the user the option of UNMUTING the video.
It looks like the controls appear for a fraction of a second when the page loads and then they disappear.
Hi!
Controls appear but they aren’t accesible because the hover event is disabled by default for fullscreen video sections, this revert that:
#top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay, .av-section-video-bg + .container { pointer-events: none; }Additionally, in order to make the controls accessible in any screen size we would need to disable the iframe fullscreen stretch functionality:
#top .av-section-video-bg iframe{ top: 0 !important; height: 100% !important; width: 100% !important; left: 0 !important; }Also remove this from your Quick CSS:
.html_header_left #main { margin-left: 175px; position: relative; }Result:
http://screencast.com/t/0obCLl0CD2Regards,
JosueHi zinconeoffice,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaThe pointer-events: none; disables all the pointer events of the color section since you give it to +.container. So if you have a button in it it will not work anymore. Is there a way to to have the video controls without loosing all the others?
I have also changed video_loop to false but the videos still loop. Actually this is not so important, I need first to figure out how to use the pause button on videos without loosing the controls of the other buttons.
Thank you guys for the wonderful themeSorry Mike
I tried to write the CSS of the two pages with the page id only for the second one but something went wrong.
Let me check the CSS again so that you can see the differences between the two pagesOk I had to remove #top and insert instead the page id
Now you can see the differences between the two pagesIn bfor2 if you go over the full width button you will see the hover effect and if you click it you will find a mailto, but you will not be able to stop the video (at least in Firefox and Chrome. In Safari is a mess like it shows the youtube buttons which are not supposed to be there).
Otherwise in bfor3 you will be able to stop the video and use the Youtube buttons but the avia full width button doesn’t work anymore.Beside (but very important) without changing the section.php file (‘video_controls’ => ‘disabled’) the background video of the color section is not working in Safari (it appears a black Youtube button but it doesn’t work). See bfor4 (http://enfold.fabiobaldanello.com/bfor4/). If you change the file ‘video_controls’ => ”, and add the css the video can be played but autoplay doesn’t start in Safari and the buttons doesn’t work. See bfor3 (http://enfold.fabiobaldanello.com/bfor3)
On mobile devices (Android) appears the red play button of Youtube but it doesn’t work unless you don’t change the file section.php (‘video_controls’ => ‘disabled’) and add the css.
Thanks again for your help
Hi,
Thank you for the demos, it explained well. While looking at bfor2, my idea was to make the max-height for the container that holds the button smaller, because as now the padding covers the whole screen, which is why you can’t click the video. But the video is playing as the background of a color section, so the button’s container can’t be smaller without disturbing the video.
How about using the layerslider with the video as one slide and the button as another slide on top. I believe this would work better.
Can you give this a try?Best regards,
MikeHi
As I wrote above {pointer-events: none;} given to the .container disables all the pointer events of the color section with a video in background if you add the css of Josue.
I couldn’t find a class or an id to replace .container and still make the Youtube buttons appear into the color section without affecting other buttons.
So I gave to my full width button the command to restore the pointer events and now it works (http://enfold.fabiobaldanello.com/bfor3/)
#top .avia-button-fullwidth {
pointer-events: visible;
}I still have some issues
1 – Autoplay in Safari doesn’t work with or without CSS
2 – If without CSS the background video of the color section is not working in Safari (it appears a black Youtube button but it doesn’t work). See http://enfold.fabiobaldanello.com/bfor4/
3 – On mobile without CSS the video is not starting, but this is not a problem because I can do in case a color section only for mobiles.Thank you
I was really hoping to have an answer
1 – Autoplay in Safari doesn’t work with or without CSS
2 – If without CSS the background video of the color section is not working in Safari (it appears a black Youtube button but it doesn’t work). See http://enfold.fabiobaldanello.com/bfor4/
3 – On mobile without CSS the video is not starting, but this is not a problem because I can do in case a color section only for mobiles.Thank you
Hi,
1. Yes that is true, it is a Safari issue, not much we can do we are afraid
2. Same thing as previous
3. You will need to modify the CSS you have added so they do change on mobile.Best regards,
BasilisHi Basils
Sorry to disagree with you but I think it is an issue coming out with the 42 release and not a Safari issue. The background video in Safari is showing perfectly in your old color section exemple. See “This is a color section with background video and some content elements”:There are a lot of problems now with videos in background on color sections and I hope Kriesi will fix them as soon as possible
https://kriesi.at/support/topic/video-background-broken-in-enfold-4-2/
Let me know if the issue will be fixed soon or if I have to buy an other theme that works with videos in background.
Thank you
- You must be logged in to reply to this topic.