如何使用Swift 4将YouTube视频嵌入iOS应用中

这篇文章将教你如何使用Swift 4和Xcode 10将YouTube视频嵌入到任何iOS App中。

似乎辅助程序库youtube-ios-player-helper在Swift 4或iOS 12上无法正常播放。 幸运的是,hmhv进行了一些更改,使其在Swift 4 / iOS 12中稳定。更新的帮助程序库在此处提供。

尽管这篇文章很长,但我会详细介绍每个步骤,以便初学者可以继续学习。 随意跳过您喜欢的部分!

为了开始,请打开您的Xcode项目或创建一个新项目。 然后按照以下步骤操作。

步骤1:

首先,我们将通过Cocoapods安装帮助程序库。 如果您不了解Cocoapods,可以在这里了解更多信息或遵循本指南。

打开终端并进入创建Xcode项目的目录。 (执行此操作的一种简单方法是键入“ cd”,然后将文件夹从Finder拖放到“终端”窗口中),然后键入:

 荚初始化 

接下来,使用Project-Name .wcworkspace文件而不是通常使用的Project-Name .xcodeproj文件打开您的项目。 现在,您将看到“ Pods”部分,如果打开该部分,则将看到“ podfile”文件。

#Pod for Your-Project-Name的下面,粘贴以下内容:

  pod“ YoutubePlayer-in-WKWebView”,“〜> 0.2.0” 

现在看起来应该像这样:

通过转到文件->保存⌘+ S 保存文件 。 接下来,返回到Terminal,然后输入:

 吊舱安装 

现在应该将帮助程序库安装到您的Xcode项目中。 您的终端屏幕应如下所示。 您可能需要使用Project-Name .xcodeproj文件重新打开Xcode。

第2步:

现在我们已经安装了帮助程序库,我们可以将库导入到我们的ViewController中。 打开要嵌入YouTube视频的ViewController。 在顶部,通过输入以下内容导入库:

  导入 YoutubePlayer_in_WKWebView 

第三步:

接下来,让我们打开情节提要,然后将UIView拖到ViewController上。 我仅出于此操作方法的目的在下面将我的颜色涂成绿色。

我建议使UIView的宽度为375高度为210。然后可以为自动布局设置以下约束。

接下来,转到检查器,并将类从UIView更改为WKYTPlayerView

步骤4:

打开助手编辑器,确保已加载ViewController.swift(或将视频嵌入到其中的任何文件)。

按住Control 然后单击PlayerView并拖动到ViewController文件。 释放并命名对象playerView,使其外观如下:

  @IBOutlet  var playerView:WKYTPlayerView! 

步骤5:

现在打开ViewController.swift文件。 在“ viewDidLoad”函数中,键入以下内容:

  playerView.load(withVideoId:“ Mc0TMWYTU_k”) 

请注意,您可以使用任何YouTube视频ID。 只需转到YouTube,单击视频,它就是“ v =”后的字符

  https://www.youtube.com/watch?v= Mc0TMWYTU_k 

您的整个ViewController文件应如下所示:

步骤6:

生成并运行您的Xcode项目,等待其加载,然后该视频应立即作为嵌入式YouTube视频弹出。 这是稳定的,并且不再使用似乎不再受支持的UIWebView。

这是我在Medium上的第一篇文章,因此,如果您有任何反馈或建议,请告诉我。 如果您有任何疑问,请在下面评论,我会尽力帮助您!