в веб-браузерах YouTube не работают элементы управления в мобильных браузерах

Question

We put a YouTube video on our web page using the YouTube iframe API. The iframe src looks like below.

https://www.youtube.com/embed/Ch0YCmd_lQQ?origin=https%3A%2F%2Fwww.ka-ching.com.au&enablejsapi=1&rel=0&controls=0&showinfo=0&showsearch=0&modestbranding=0&disablekb=0&autoplay=0

When viewing the page through laptop browser or desktop browser, like Chrome and Safari,control & info not show fine work

But when viewing the same page on mobile like - apple,iPhone X , samsung 8, iPad and tablet the control and info is show

how i can disabled controls and info in mobile browsers? 
please help..

Is there any iframe params or any way to remove controls & info in mobile devices?


see this attached image - 
  [see image][1]


  [1]: https://i.stack.imgur.com/I27XK.png

i want disabled iframe video controls & info completly desktop & mobiles or other all devices & browsers.

how i can solve this?

**my code : -** 

   my button that click open model for play video
    <a href="javascript:void(0);" class="myBtn" data-videoid="my_video_id" 
       data-yid="my_youtube_id" data-video_title="video 
       title">View Video
    </a>

   **my javascript code**
    <script type="text/javascript">
        var tag = document.createElement('script');
        tag.src = "https://www.youtube.com/iframe_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
        var player;
        $(".myBtn").on("click",function(){
            $('#player').remove();
            $('.modal-content').append('<div id="player"></div>');
            var youtube_id = $(this).data("yid");
            var video_id = $(this).data("videoid");
            var video_title = $(this).data("video_title");
            var h = mobilecheck()?"100%":500;
            // console.log(video_id);
            player = new YT.Player('player', {
                height: h,
                width: '100%',
                videoId: youtube_id,
                playerVars: {
                    origin: "",
                    enablejsapi: 1,
                    rel: 0,
                    controls:0,
                    showinfo:0,
                    info:0,
                    disablekb:0,
                    autoplay:0
                },

                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': function(event) {
                        if (event.data == YT.PlayerState.ENDED) {
                            var site_url = "<?php echo base_url(); ?>";
                            $.ajax({
                                url: site_url+"front/videoCount",
                                type:"POST",
                                data: "youtube_id="+youtube_id+"&video_id="+video_id,
                                success: function(data){
                                  $("#myModal").hide();
                                }
                            });
                        }
                        if (event.data == YT.PlayerState.PAUSED) {
                            console.log("stopped");
                        }
                    }
                }
            });

            $("#myModal").show();
        });
    </script>


    this is my model
    <div class="modal" id="myModal">
      <div class="modal-dialog modal-lg">
        <div class="modal-content">
          <div class="modal-header">
            <h3 class="modal-title" id="videoTitle"></h3>
          </div>
          <div class="modal-body" id="player">
          </div>
        </div>
      </div>
    </div>

спасибо заранее.