Embeding <Gallery> using HTTPS doesn't work

[goot1]

Mixed Content: The page at 'https://xxxx' was loaded over HTTPS, but requested an insecure frame 'http://www.youtube.com/embed/xxx?autoplay=undefined'. This request has been blocked; the content must be served over HTTPS.

[goot1]

I think this will help to fix it:

https://stackoverflow.com/questions/4723213/detect-http-or-https-then-force-https-in-javascript
if (location.protocol != 'https:')
{
location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
}

at this place:
https://github.com/SEUNGJOOMOON/react-youtube-slide/blob/de126a2f0aa86dd7626f7d21c1be6dc4e36dc9fe/src/YotubeViewer.js#L29

or maybe switch to https always.