Tagged: enfold, hide title, iframe, responsive, Youtube
-
AuthorPosts
-
April 27, 2016 at 7:53 pm #623313
Hello,
I have struggled to find a youtube solution for enfold that hides the title & info before playing, hides the suggested videos after playing, and remains responsive to the size of the browser. The standard YouTube widget in enfold is responsive, but doesn’t do the other items. Using the iframe code from youtube solves the hiding problem, but isn’t responsive.
That being said I found a website running on Enfold that has solved all of these issues and I don’t know how they did it.
Ex: http://villageclubs.com/fitness/crossfit/I’ve seen a lot of questions like this on the forum.
Can you please help?Thanks
JonApril 30, 2016 at 3:10 pm #625038Hey Jon,
They seem to be using a Easy Slider element (single Video slide) instead of a Video one.
Best regards,
JosueMay 1, 2016 at 3:41 pm #625335Josue,
Thanks a ton, that is a good option to have in my arsenal.
The only issue I see is that when using the Easy Slider with a video you are not able to scrub across the timeline or skip ahead on the video.
The youtube controls are there and mainly work, however, being able to fast forward and rewind is disabled.Thanks
JonMay 1, 2016 at 5:11 pm #625351Hey!
Try adding this code to the Quick CSS:
.av-click-overlay { display: none; }
Cheers!
JosueMay 2, 2016 at 8:12 pm #626001Nice! That worked great!
I never would have made the connection that the overlay from built into the Easy Slider was causing the issue.Using it here on a new site I just started http://www.mtechdairysolutions.com/
Thanks again
JonMay 2, 2016 at 8:19 pm #626007on the negative side, it doesn’t work with mobile or tablet
JonMay 4, 2016 at 11:31 am #627091Hi,
I checked your website on mobile and video is working as expected. Looks the same to me as on desktop. Can you highlight the issue using screenshots please?
Best regards,
AndyJuly 19, 2017 at 9:53 pm #824180When my page loads, the video begins automatically. Is there a way I can have it not start up unless prompted to do so?
July 20, 2017 at 8:29 am #824417July 20, 2017 at 5:01 pm #824697Easy Slider.
:-)July 23, 2017 at 9:04 pm #828751Hi,
There is an autoplay function through youtoube or vimeo slider, which you can disable and will fix the problems
Best regards,
BasilisJuly 23, 2017 at 9:56 pm #828776When I look at the page you want to emulate, I see suggested videos and the title on the Youtube video.
If you use the Enfold video element and append ?rel=0 to the video url, it won’t show the related videos at the end. I’ve been unable to hide the video titles.
Hope this helps.(example: https://youtu.be/rCXRkuM3bJ8?rel=0)
July 24, 2017 at 12:03 am #828800Basilis. Thanks, I’ll look into that. However, and I just noticed this, when I view on IE browser, each of the video audio is heard. (Please see Private content)
Goldengate, I tried your solution, but that didn’t work.
July 27, 2017 at 11:03 pm #830839Hi,
That is a strange re-action.
After searching a little bit seems that it can be something related to the browser function.
Have you tried a different browser other than those or even Private mode?Best regards,
BasilisJuly 27, 2017 at 11:41 pm #830844@goldengate415 using the ?rel=0 code doesn’t work when using Enfold’s AVIA Video Widgets, it breaks the link. You have to use the 3rd part plugin “Hide Related Videos” to do this but the downside is that it also strips out the new YouTube End Screen markups which took the place of Annotations earlier this year.
This was the old solution, but the newest Enfold 4.12 automatically hides related videos and the ?rel=0 is not need as it would still break the link.
You can also hide titles, ect when using YouTube’s embed code instead of Enfold Video Widget but the sizing wont be responsive as Enfold doesn’t handle the width 100% markup with keeping the aspect ratio. You would have to use the ?rel=0 if you use the YouTube embed code.
Lastly you could use the ARVE Advanced Responsive Video Embedder which lets you total hide the video element and replace it with a custom thumbnail image. This lets you hide anything you like and enable lazy load. Downside is you are relying on a 3rd party plugin and they charge you each year for updates. The poor man’s solution is to add an image to your page and link it to your YouTube video as WordPress automatically will open it in a lightbox when clicked, not ideal but it works.
Jon
- This reply was modified 7 years, 4 months ago by millertimesites. Reason: old info since part was fixed in recent Enfold release
July 27, 2017 at 11:47 pm #830849Hi Jon, Here’s the format that works with ALB on my site… you can test by going to the home page at http://www.thomashenthorne.com and clicking on the 215 Locust video down the page.
Here’s a screen shot of the backend:
Let me know if I’m missing something here please… cheers!
July 27, 2017 at 11:48 pm #830850I don’t see the screenshot in the post above… trying again
July 27, 2017 at 11:59 pm #830852@goldengate415 went to your site and it pops up in a light box but does show related videos at the end so it’s not working.
When I put in ?rel=0 at the end of a video url in AVIA’s video widget it breaks the link as it isn’t supported, see suggestions aboveIt does also look like in some cases with my websites Enfold 4.1.2 automatically hides related videos now. So try dropping the ?rel=0, make sure your enfold is up to date, and test again
- This reply was modified 7 years, 4 months ago by millertimesites.
July 28, 2017 at 12:01 am #830854Hey there, don’t click on the first video (with the drums in the light box)… click on the second video (215 Locust)…. that one works with no related videos.
July 28, 2017 at 12:04 am #830856@goldengate415 I think it is because Enfold 4.1.2 restarts the video to pre play mode at the finish instead of allowing related videos to show.
When you are using the lightbox it is bypassing Enfold’s markups inside AVIA and in that case you need to add ?rel=0.
If you want to link it with the light box, add an image and link it to your video with ?rel=0 at the end.Also maybe add from desktop only padding columns to the huge videos as they are taller than the average screen. You want it to be big but also have the whole video fit in the field of view.
July 28, 2017 at 12:14 am #830858Thanks… so on the ALB elements below the first video, so the second, third, etc video, if you hit pause it doesn’t show the related videos… if I remove rel=0 from the link in the ALB video element, if you hit pause then related videos show.
Noted on the lightbox on the first video… thanks! Rob
July 28, 2017 at 3:09 am #830870No worries. I decided against using the Easy Slider and went with a plugin instead.
Thanks though,
July 28, 2017 at 3:11 am #830871Would you mind sharing which plugin? Thanks much.
July 28, 2017 at 3:53 pm #831099Smart Slider 3 (by Nextend) is what I’m using. The interface is really good, and they make it easy to learn the features with video tutorials (launched from the Settings page), a forum and they reply to emails.
July 28, 2017 at 4:29 pm #831132@laptophobo Thanks Smart Slider 3 looks cool. I use Revolution Slider a lot but it seems that Smart Slider might load a bit faster.
Do you have a link to your site we can see? Didn’t see it aboveJuly 28, 2017 at 5:51 pm #831197by the way you are talking about widget – but you mean the alb element of video or sliders.
Here is a slider : https://webers-testseite.de/kokon/spielwiese/
after the first film (you can skip it there is the youtube video and as it is said befor with ?rel=0 after the url.
Works well and responsive. A fullwidth slider can’t be responsive in the real manner.but don’t take
https://youtu.be/5guMumPFBag
take this as link:http://www.youtube.com/watch?v=5guMumPFBag?rel=0
not the embed and the short form.
btw if you like to have more options – maybe as an image link goes to lightbox film you can use it with
&
http://www.youtube.com/watch?v=5guMumPFBag?rel=0&autoplay=1&iframe=true&showinfo=0
etc. pp
or on that page i used :
https://www.youtube-nocookie.com/embed/5guMumPFBag?rel=0&controls=0&showinfo=0&autoplay=1
look what happens to – click that image beneath the slider
so you can even hide the player controls !- This reply was modified 7 years, 4 months ago by Guenni007.
August 1, 2017 at 12:19 pm #832799August 8, 2017 at 7:00 pm #836012Wait… We’re using 4.1.2 and we’re still not seeing the rel=0 set. We’d like the ability to control showinfo, rel and controls, but cannot easily do that. Can it be updated to allow those options?
August 13, 2017 at 7:53 pm #838311Hi,
You can edit those options manually, if you do read the post Guenni took the time to do it.
Best regards,
BasilisMarch 24, 2018 at 6:07 am #932219thank you so much it works like a charm!!!!!!
-
AuthorPosts
- You must be logged in to reply to this topic.