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.
Related
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 would like to show a youtube video when someone arrives on my drupal website. So basically, I want to launch a video in the main page as an overlay to the site.
How could I do? If it is possible without installing any modules?
I'd really appreciate any help, Thanks.
Regards.
You could use a JavaScript modal to act as the container to play the YouTube video.
Then use PHP sessions to determine if the JS modal has to be launched or skipped.
I want to use videos from www.screencast.com in WordPress want to to show multiple links for videos in single page and when I click on a link it should the video in popup form.
I tried this "Screencast.com Video Embedder " but this is not opening videos in popup from.
Please Help.
Just take the embed code from the screencast.com share option and paste that into your post's html. Then go back to the visual mode and adjust the dimensions if necessary to fit your screen (600 px or whatever).
Better yet, when you look at the Screencast site, instead of grabbing the “Embed On Your Page” code, simply look above at the “Share URL.” This is the content you’ll need to add to the Screencast Short Code. Make sure you grab “http:……../” and everything. So your shortcode should look like this;
[screencast url="http:www.screeencast.com/123XYZabc" width="xxx" height="yyy"]
The next plugin you'll need doesn't get rave reviews, but I do know some people who've used this successfully. I know it's old, but apparently still works. Popup Video Generator. And here's an example of how to use it properly.
I've embedded a YouTube video onto a site (built in drupal) using the embed code from the video's YouTube page.
If I visit that page on an iPhone, it picks up the fact that there is a YouTube video and displays the icon that you click to pop open the video and watch it.
If I visit the same page on a Palm Pre it just displays a blank space where the video should be. If I visit the video on the YouTube page itself, however, the Palm Pre picks up the fact that there is a video and allows you to open it.
I'm just wondering if anyone else has run into the same problem and has some insights they can offer. I'd love to have a more graceful solution than just adding a link to the YouTube page below the embedded player
Thanks!
You could compare the embed code actually used on the YouTube page (as opposed to the one they offer for quick copy & paste) with the one you are using, as there are quite some different ways to embed a video.
I would expect them to use the SWFObject for embedding, which is a tiny bit more effort to use on your page, but usually works a lot more reliable than the 'old fashioned' embed tag offered for quick copy&paste.
You might also try requesting the YouTube page faking the user agent of the Palm Pre, as they might deliver something different for those, but that is pretty unlikely.