On the video component when I input a YouTube video, the share, watch later, video title and up next sections are visible, but are not clickable, is there a solution to this?
The video component is handled by
If you go to
/sitecore/media library/Base Themes/Core Libraries/scripts/mediaelement-and-player and scroll down to the "media" section, download the
mediaelement-and-player.jsmediaelement-and-player.js file there.
Copy this file somewhere to make a backup.
In order to make the default YouTube controls usable you need to turn off the "big play button" and stop the
Iframe layer from being created, as it's putting divs in that cover the entire screen, preventing you from being able to click on the desired elements.
Comment out the following lines in the
bigPlay.className = t.options.classPrefix + 'overlay ' + t.options.classPrefix + 'layer ' + t.options.classPrefix + 'overlay-play';
bigPlay.innerHTML = '<div class="' + t.options.classPrefix + 'overlay-button" role="button" tabindex="0" ' + ('aria-label="' + _i18n2.default.t('mejs.play') + '" aria-pressed="false"></div>');
Upload this file back to
/sitecore/media library/Base Themes/Core Libraries/scripts/mediaelement-and-player and your video player elements will will now be clickable.