HTML5播放器全屏问题

时间:2014-05-12 13:18:45

标签: html5 youtube fullscreen

我在下面写了代码。 但是Youtube播放器的全屏按钮并没有起作用。

它在Android WebView上运行,但我无法修改WebView。

所以,我想隐藏按钮或删除按钮。

我该怎么办?

tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          /* height: '206', 
          width: '336',*/
          videoId: '<%= avLink  %>',
          playerVars: { 'controls':1, 'showinfo':0, 'rel':0},
          events: {
              'onStateChange': onPlayerStateChange
          }
        });
      }

      function playVideo() {
        player.playVideo();
      }

      function pauseVideo() {
        player.pauseVideo();
      }

function onPlayerStateChange(event) {
    if (event.data == '1') { 
            $("#clickArea").show();
    }else{
            $("#pauseButton").hide(100);
            $("#clickArea").hide();
    }
  }

0 个答案:

没有答案