[claywebdevParticipant]

Hi there,

I am building a membership site with pages that contain lots of embedded video content. To improve the load time I added css and js to my site and added the videos as divs into a text box in an accordion as per this link A better method for Embedding youtube video. I did this as lazy load video has not worked.

This is the example page of my site https://drclays-alevelchemistry.com/year-1-and-as-level-2/

Anyway, all looked great on internet explorer. But on checking with chrome and firefox web browsers, the video moves out of its accordion when i expand the accordion, making the webpage almost impossible to navigate.

Can anyone help please?

thanks

Chris

[claywebdevParticipant]

This reply has been marked as private.

[claywebdevParticipant]

I embedded the div inbetween a video embed shortcode and resolved the issue.

Thanks

[Paul RModerator]

Hi Chris,

I would like to check but I am getting this trying to access your site.

https://www.screencast.com/t/4kMsn6xxdvxv

Do you mind disabling it for a while so we can check.

Thanks

[claywebdevParticipant]

Hi there, Once you get that error message navigate to this page again

https://drclays-alevelchemistry.com/

You will have access.

Thanks

Chris

[ChristianModerator]

Hey Chris,

Please don’t use the accordion for this case as looking at the script, it loads the video on demand and the accordion could not account for the size of the content inside it after it has loaded. This could be technically possible to solve but this would be outside the scope of our support as this involves features outside of X and Cornerstone. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[Author]

Posts