Youtube Iframe API 可能会导致三星 android 11 设备出现绿屏答案

【问题标题】：Youtube Iframe API may cause green screen for Samsung android 11 devicesYoutube Iframe API 可能会导致三星 android 11 设备出现绿屏
【发布时间】：2021-08-09 08:09:43
【问题描述】：

我们在我们的 android 应用中使用 iframe API。但是我们遇到了一个问题，导致某些用户在播放特定视频时会遇到绿屏（但音频效果很好）。

三星 android 11 用户通常会出现此问题，但并非所有视频都能重现此问题。以下 html 代码是来自 iframe-api-reference 的示例代码。我们更改了视频 ID，以便我们可以为我们的测试设备重现此问题。

<!DOCTYPE html>
<html>
  <body>
    <iframe id="existing-iframe-example"
        width="640" height="360"
        src="https://www.youtube.com/embed/SkcTeTqz6Hg?enablejsapi=1"
        frameborder="0"
        style="border: solid 4px #37474F"
></iframe>

<script type="text/javascript">
  var tag = document.createElement('script');
  tag.id = 'iframe-demo';
  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('existing-iframe-example', {
        events: {
          'onReady': onPlayerReady,
          'onStateChange': onPlayerStateChange
        }
    });
  }
  function onPlayerReady(event) {
    document.getElementById('existing-iframe-example').style.borderColor = '#FF6D00';
  }
  function changeBorderColor(playerStatus) {
    var color;
    if (playerStatus == -1) {
      color = "#37474F"; // unstarted = gray
    } else if (playerStatus == 0) {
      color = "#FFFF00"; // ended = yellow
    } else if (playerStatus == 1) {
      color = "#33691E"; // playing = green
    } else if (playerStatus == 2) {
      color = "#DD2C00"; // paused = red
    } else if (playerStatus == 3) {
      color = "#AA00FF"; // buffering = purple
    } else if (playerStatus == 5) {
      color = "#FF6DOO"; // video cued = orange
    }
    if (color) {
      document.getElementById('existing-iframe-example').style.borderColor = color;
    }
  }
  function onPlayerStateChange(event) {
    changeBorderColor(event.data);
  }
</script>
  </body>
</html>

green screen image

【问题讨论】：

问题解决了吗？

标签： youtube-iframe-api

【解决方案1】：

您的 webview 很可能没有更新。有用的链接https://forums.androidcentral.com/ask-question/986749-green-screen-when-playing-videos.html

【讨论】：