ios - 在没有全屏的 UIWebView 中播放 Youtube 视频

Question

我想在我的应用程序中嵌入 Youtube 视频。但通常的技术是，我们在 UIWebView 中嵌入一个 youtube 视频，当用户点击时，它会自动在 MPMoviePlayerController 中启动。但这会全屏启动。如何在不全屏的情况下在 MPMoviePlayerController 中播放此 youtube 视频。我想在屏幕的一半显示它。

Answer 1

有几种方法可以做到这一点。除了设置:

videoView.allowsInlineMediaPlayback = YES;

最简单也是最肮脏的方法是像这样禁用控件:

方法一

Notice controls: 0

const player = new YT.Player("player", {
  width: "100%",
  height: "50%",
  videoId: "[your video id]",
  playerVars: {
    controls: 0,
    rel: 0,
    modestbranding: 1,
    html5: 1,
    showinfo: 0,
  },
});

方法二

HTML Embedded iFrame code (notice the &controls=0 and/or &playsinline=1)

<iframe
  id="ytplayer"
  type="text/html"
  width="100%"
  src="http://www.youtube.com/[your_video_id]?autoplay=1&controls=0&playsinline=1&modestbranding=1&rel=0&showinfo=0&autohide=1&html5=1"
  webkit-playsinline
  frameborder="0"
></iframe>;

您只需添加 &playsinline=1(或 playsinline:1 在 playerVars 中的 Javascript 情况下)在这种情况下，用户仍然可以全屏显示，但播放器应该会在您的 View 边界内正常启动。

希望对您有所帮助。