8 replies · opened Apr 27, 2021
Hi Grateful for any assisstance please.
I have noticed that the Revolution slider background YouTube video is not working once a carousel is added to the page.
This can be seen on and early development page on test webspace here.
Without the carousel
https://www.veedev.co.uk/clients/blake/
With the carousel
https://www.veedev.co.uk/clients/blake/index-c.html
Many thnaks
Vanessa
Hello,
We have just checked this out and it appears to be working fine for us (see attached video). This issue might be causing due to some Browser Add-on? Please check. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hi,
I am not seeing the YouTube background video working at all in firefox (on pages where the carousel is)
On Chrome and Edge it works but only shows a strip of the video with a solid black overlay at the top
It is working perfectly on the page without the carousel
https://www.veedev.co.uk/clients/blake/
Grateful for any insights
Hi did a quick test an added a carousel to the base page for the rev slider you tube header from the html files in the main download
https://www.veedev.co.uk/clients/blake/rs-demo-hero-youtube.html
As soon as I add the carousel I no longer see the YouTube background working
Original demo file without carousel
https://www.veedev.co.uk/clients/blake/rs-demo-hero-youtube-orig.html
Hi again,
The problem seems to be specificaly with owl carousel and the You Tube background video Hero.
Do you have an example of flexslider working as a carousel please? I can get it to work with the single item slider. But ccant get it to work as a multi item carousel.
Grateful for any asssistance.
Hello,
Thanks for your Continued Patience!
We have tried checking this out on several browsers and it works perfectly fine for us. The Youtube Background Video appears to be working with or without Carousel on the Page without any issues.
Please check the Video: https://drive.google.com/file/d/1GCp53KX74VqByzFKFNy0poE0U_4zJBKI/view?usp=sharing . This was taken on a Firefox Browser. Can you please consider checking this on a different device and see if you are facing the same issue there as well? Your issue could also be related to a Network Issue with YouTube. Thanks for your Patience.
Additionally, Flex Sliders are currently not provided as Carousels. Only Owl Carousels are used for this purpose.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hi,
Its very strange we have tried it on several devices and in several browsers (firefox, chrome, edge) including mobile phones and see the same problem everytime, no background video when owl carousel is present.
The video is working fine for us without the carousel present so I cant see how this can be an issue with browsers blocking YouTube etc, it feels like its a js conflict.
Any suggestions for an alternative carousel appreciated, I have tried a few but can't get any to work in conjunction with the canvas js set up.
Thanks
Vanessa
Hello,
Thanks for your Patience!
We have checked and there is no JS Conflict on the Console. The way this is causing an issue appears to be an issue with the Revolution Slider Plugin and not the Carousel. So even if you are using a different carousel, this might still cause an issue.
Can you consider replacing the following code in your Page:
[ch_pre]data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&ref=0"[/ch_pre]
with the following:
[ch_pre]data-videoattributes="version=3&enablejsapi=1&html5=1&hd=1&wmode=opaque&showinfo=0&ref=0&origin=https://www.veedev.co.uk"[/ch_pre]
and see if this fixes the issue? Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard