I have a specific problem with the Slider Revolution video background.
I will try to explain:
I have a background video (hosted on vimeo premium), and a placeholder image that appears on mobile few seconds before video loads.
The problem is next:
When a user visits the site, the user sees a placeholder image first, followed by 1-2 seconds of video, and later appears black screen for maybe 1-2 seconds and after all this the whole video appears.
I have checked the official Slider Revolution site, and it seems that even they have this issue.
https://revolution.themepunch.com/wordpress-hero-vimeo/
I wanted to write to their support, but I need to renew it before asking questions, so I wanted to check here if anybody else had this kind of problem.
Is there any way to fix this, so the video loads immediately?
Thank you a lot,
Vladimir
Do you have a link so I can look at the CSS? You can customize the transition to be zero.
In the Settings:
Go to layers timing & sorting for that slide and select the "-" icon> open the Layer Animation > Select fade out and enter 0 ms> click on "Custom Animation"> set the opacity to 100%> save changes> Save As> Save As New> Then Update Slide.
Related
I tried to look into this but nothing I do seems to work out.
When I use Chrome, I can click on the link located right below each image in the gallery without any issues .
When I use Safari though, I have to click several times and only a specific area of the link will fire the window.
Here is a screenshot of the link I try to trigger on Safari:
The problem arises when clicking on any of the items listed in the image gallery.
I'd appreciate any help, thanks!
I have had a look over the site you share a link for using the timeline and resource debuging on Chrome and Safari.
It would appear that the issue with the link is not that it doesn't work on first click. It is that the DOM has not fully loaded. If you wait till the DOM has finished its first pass at the HTML, approx 4 full seconds on my connection(~72Mb), the link will work on first click even before all assets (images and JS) has finished loading.
On Chrome this particular page seems to manage to loading the HTML in under 1.9 seconds, before starting to load in assets. Which is why it feels like the link works first time.
Here is a Google analysis of yuour page that reports the same finding. Note Time to Interactive is 14 seconds
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fcfcj-immo.com%2Facheter%2F
We have used "Revolution Slider" in my site, On slider image we have added YouTube video layer and video is auto-play but video playing is completed it's doesn't automatically go to next slide.
Site URL : http://garyskyner.com/
We have already applied settings in slider when video play is completed it's go to next slide.
when you have buy the plug-in give you one code you can use to ask to the assistance, it's good and sure can help you.
If the first video when finish restart could be the second video have some problem to compatibility. If not sure you need check the setting because i have use and don't give me this problem.
I am adding a YouTube video to a wordpress site using the 'visual composer' video player from WPBakery. I cant really post the site because its private. But I am new to 'Visual Composer'.
I added the relevant you tube video to a 2 column 'row' on the right using the VC video player. It all works fine on desktop, but as soon as you narrow the browser so its in 'responsive' mode like the width of a mobile/tablet lets say 700px the you tube video stops working...
You can see the YouTube background image but you cant rollover with the mouse to start/activate the video, almost as though the video itself is not present and only the holding image.
Does anyone know how to configure settings so you can activate the video on mobile/tablet as well? As far as I can see I have not tabbed 'hide on any device' so any help would be welcome. It maybe that its a fault with the theme but as I am new to VC am hoping there is some setting that will solve the issue.
You can re-enable the video by adding the following css to the page:
.vc_video-bg.vc_hidden-xs {
display: block !important;
}
I finally found one solution that worked for me and I hope this might work for someone else as well, so here I go:
I used Revolution Slider and created a separated slider for each "div" element I wanted to have with a background video in fullscreen.
Then I added one video layer, choosed the source type and inserted ID of video.
I basically followed this explanation on this website: https://www.themepunch.com/revslider-doc/video-layers/
I hope this helps future users as it helped me. :)
I'm using a website that runs on Plone. On the homepage, the carousel has several images that you have to click the next number to see the next image. What I want though, is to get these images to rotate automatically after a certain number of seconds. How do I do this? Thanks.
It would be very helpful if you could mention current setting for the portlet you're using.
However most probably it is because you forgot to set a reasonable value for Timer field. Check the settings for the carousel portlet and set the Timer to for example 5 and see what happens.
I'm working on a website and i use a wordpress plug-in that embeds youtube videos.
Now it has this great option to show only an image of the video and load the video only if you press the video so the page won't take a lot of time to load.
The problem is that in that mode it takes that video photo from youtube and it also takes a big, red, play button image that is ugly as hell :)
Now that button's css is coming from some external link (http://s.ytimg.com/yts/cssbin/www-embed-vflSBO3VV.css) and i don't know how to over ride it.
Any suggestions?
That is the site i'm working on btw - http://www.lab.gezerweb.com/ClipPress/
Thanks.
I believe you're talking about an embed that uses controls=2, correct? (See https://developers.google.com/youtube/player_parameters#controls)
If so, then no, there's no way to override the default play button in the cued state.