如何使用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上的第一篇文章,因此,如果您有任何反馈或建议,请告诉我。 如果您有任何疑问,请在下面评论,我会尽力帮助您!