使用 HTML5 嵌入式视频与使用 YouTube link 的 iframe 有什么区别？
What are the differences between using an HTML5 embedded video vs. an iframe with a YouTube link?
我正在考虑是将视频存储在我的服务器上并通过 HTML5 标记调用它，还是将视频上传到 YouTube 并使用 iframe 嵌入 YouTube link .我不确定哪个会更有效地工作，或者每个之间的差异。使用 HTML5 视频标签与使用 YouTube link 和 iframe 标签有什么区别？
使用自托管视频 HTML5
优点：
- 完全控制标记和界面
缺点：
- 浏览器支持由您掌控
- 与 YouTube 相比，您的服务器上的视频下载速度会更慢
推荐用法：
使用像 https://plyr.io/ 这样的 javascript 插件，这将有助于解决跨浏览器和响应问题。如果可能，从 CDN 提供视频
Youtube 托管
优点：
- 高效
- 浏览器支持就是一切
缺点：
- YouTube 默认品牌化
- 对界面的控制很少
推荐用法：
使用 youtube 提供的 iframe 嵌入代码。如需响应式帮助，请参阅 http://embedresponsively.com/。另外 plyr.io 允许您播放 YouTube 视频。
关于我使用 <iframe> 和 <video> 标签的经验：
我发现 <iframe> 标签存在问题，当您想在 "Chrome" 和 "Apple" 的手机或平板设备上自动播放视频时。
在我的例子中，我曾经做一个点击功能来播放视频，这是 <iframe> 标签不可能做到的，所以我使用 <video> 标签来解决这个问题。
我正在考虑是将视频存储在我的服务器上并通过 HTML5 标记调用它，还是将视频上传到 YouTube 并使用 iframe 嵌入 YouTube link .我不确定哪个会更有效地工作，或者每个之间的差异。使用 HTML5 视频标签与使用 YouTube link 和 iframe 标签有什么区别？
使用自托管视频 HTML5
优点：
- 完全控制标记和界面
缺点：
- 浏览器支持由您掌控
- 与 YouTube 相比，您的服务器上的视频下载速度会更慢
推荐用法：
使用像 https://plyr.io/ 这样的 javascript 插件，这将有助于解决跨浏览器和响应问题。如果可能，从 CDN 提供视频
Youtube 托管
优点：
- 高效
- 浏览器支持就是一切
缺点：
- YouTube 默认品牌化
- 对界面的控制很少
推荐用法： 使用 youtube 提供的 iframe 嵌入代码。如需响应式帮助，请参阅 http://embedresponsively.com/。另外 plyr.io 允许您播放 YouTube 视频。
关于我使用 <iframe> 和 <video> 标签的经验：
我发现 <iframe> 标签存在问题，当您想在 "Chrome" 和 "Apple" 的手机或平板设备上自动播放视频时。
在我的例子中，我曾经做一个点击功能来播放视频，这是 <iframe> 标签不可能做到的，所以我使用 <video> 标签来解决这个问题。