What's wrong with my javascript iife for loading script dynamically

Question

There's no message error https://jsfiddle.net/f197cjty/ so I can't see why it doesn't play youtube

    <div id="ytplayer"></div>

    <script>
    // 1. ytplayer code: https://developers.google.com/youtube/player_parameters#IFrame_Player_API

    (
        function(){
            
            var s = document.createElement("script");
            s.src = "http://www.youtube.com/player_api";

            var before = document.getElementsByTagName("script")[0];
            before.parentNode.insertBefore(s, before);

        }
    )();


    var player;


    function onYouTubePlayerAPIReady() 
    {
            player = new YT.Player('ytplayer', 
            {
              height: '390',
              width: '640',
              playerVars: 
              {
                listType:'playlist',
                list: 'RDEMe12_MlgO8mGFdeeftZ2nOQ'
              }
            });
    }



     </script>

Just a typo for https protocol

charlietfl
– charlietfl

2021-04-13 15:29:59 +00:00
Commented Apr 13, 2021 at 15:29 — charlietfl
– charlietfl, Commented Apr 13, 2021 at 15:29

Luke · Accepted Answer · 2021-04-13 15:28:41Z

5

You are trying to run an http script in an https environment. Change the url for YouTube to https://www.youtube.com/player_api.

answered Apr 13, 2021 at 15:28

Luke

5674 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

What's wrong with my javascript iife for loading script dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related