-
Posts
-
Hello,
i am a kind of new customer and have some problems with embedding videos:
I have used the Avia Layout Architekt to embed a VIDEO.
Unfortunately i cant figure out how:a.) I can change the styling of the video control bar!
I have a completely white video and thus want to change the colors of the control bar (play icon and so on) from white to black.b.) Disable the player from auto looping the video.
Changing ‘video_loop’ => false in themes/enfold/config-templatebuilder/avia-shortcodes/section.php did not work for me.Thank you for your help
Best regards
SaruHey Saru,
Could you post a link to where we can see the element in question please?
Best regards,
RikardHi Rikard,
find links in private section.
Already gaved you access in an other ticket.
Thank you a lot for your help!Best regards
SaruHi Victoria,
other ticket is: https://kriesi.at/support/topic/contactform-7-in-footer/
See access in private content.
Thank you!
Hi Saru,
Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.mejs-layer.mejs-overlay-play { background: #666; }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
unfortunately this code does not change the behavior as desired.
Please look at the scribble in private section below.
We want to change the color of the control bar (marked in screenshot) and the play icon located in the center of the movie player.
Since we have a video with white background you cant see the little “play” and “pause” icon. Also the time of the video and volume control you can’t see. It should be like in the lower part of the scribble.Your changes had some unwanted side effect: Now when you click pause button the screen picture of the movie is not displayed anymore but only a gray background. I also cant undo it. When i remove the code the new behavior stays the same.
Do you understand what i mean?
You are a german speaking company or? Maybe we can switch to german?Thank you very much for your assistance
Best regards
SaruHi Saru,
Please remove the code I gave you and try this one
div .mejs-container div .mejs-controls { background: #ccc; }Best regards,
VictoriaHi Victoria,
the look of the control panel works now, great. Thank you!
My second problem with the infinite loop ist still there. Do you have any hint here as well?Also i can’t set any preview image for the video anymore. I can set it but it is not displayed. Only a gray background.
Same happens if i hit the pause button while playing a video. Not a picture from the paused video is shown but a gray overlay screen only.Can you assist here too?
Thank you a lot.
Best SaruHi,
1.) The loop attribute is being added to the video tag. Please try this script in the functions.php file to disable the loop.
add_action('wp_footer', 'ava_disable_video_loop', 9999); function ava_disable_video_loop() { ?> <script> (function($) { $('.avia_video').removeAttr('loop'); })(jQuery); </script> <?php }2.) You can’t set an image for self hosted videos by default. Please try to upload it on youtube or vimeo if you want a preview image.
Best regards,
IsmaelHi Ismael,
thank you very much, the video is not looping any more :)
But what I do not understand: in your element “Video” I can choose a “preview / fallback image”.
And I chose an image before I contacted you. It worked perfectley fine.
Now you tell me that I can´t choose such an image although it comes as an standard option within enfold video element?
Can you help me?Thank you in advance!
Best saruHi,
Thanks for the update.
The fallback image is going to be displayed in place of the video background on smaller screens because videos inside the sliders are disabled on mobile devices by default. It’s not going to display as a featured image or video preview. There’s a workaround but you have to insert the “video” shortcode manually.
// https://codex.wordpress.org/Video_Shortcode
Add the “poster” option or parameter.
Best regards,
Ismael
- You must be logged in to reply to this topic.