首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Youtube Iframe API可能会为三星android 11设备带来绿色屏幕。

Youtube Iframe API可能会为三星android 11设备带来绿色屏幕。
EN

Stack Overflow用户
提问于 2021-05-20 04:48:47
回答 1查看 219关注 0票数 1

我们正在我们的android应用程序中使用iframe。但我们面临的问题是,一些用户在播放特定视频时会体验到绿色屏幕(但音频效果很好)。

这个问题通常发生在三星的android 11用户身上,但并不是所有的视频都能复制这个问题。下面的html代码是来自iframe引用的示例代码。我们更改了视频id,这样我们就可以为测试设备复制这个问题。

代码语言:javascript
复制
<!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>

绿屏图像

EN

回答 1

Stack Overflow用户

发布于 2022-01-24 07:14:33

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67614152

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档