I have a video on this website: https://remoobledev.wpengine.com/products/whiteboard-renew/
On desktop the video loads fine with a preview of the video. On mobile however there isn't a splash and it just shows a "play" arrow which isn't intuitive and doesn't really give an impression of what the video is about. This is within the Storefront theme > Product > Product Video.
Does anyone know how to add a splash image?
Here's an image of the example. https://snag.gy/LboEdF.jpg
Thanks in advance.
Related
I have a WordPress site http://legacyproject.sbcc.edu using the “twenty seventeen” theme with a custom header .jgp image, file size: 456 KB, dimensions: 2000 x 1200 (as recommended for that theme). It displays fine on a desktop computer but the header image does not appear on an apple iPhone. (I don’t have an iPad to check it on, so I don’t know how it appears there.) I see from a previous question/answer that image size can be an issue, but my image appears to fall within the acceptable range. Any suggestions? Thank you in advance.
UPDATE: It was suggested I scroll down to the bottom of my mobile device and click the "View full site" link. It worked. I now see the site as it previewed in the mobile-friendly version in WordPress.
Maybe you want to disable Jetpack plugin or Mobile Theme functional of Jetpack to show visitor exactly what you see on desktop.
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.
I have a WP site with Revolution Slider auto-playing a full-screen YouTube video on the homepage.
I selected the mute option for the video in the settings, however, the audio plays for 1 second on load! It literally sounds like a glitch.
How do I fix this?
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 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.