如何制作可嵌入的HTML5视频播放器

Question

YouTube允许用户嵌入他们的视频。如何为我的视频制作此功能？寻找指导或教程，因为我没有线索。

Answer 1

Youtube提供了一个iframe，其中src指向仅包含视频的页面。

<iframe width="560" height="315" src="//www.youtube.com/embed/1PtR6qtdi1s" frameborder="0" allowfullscreen></iframe>

你看到src等于吗？ http://www.youtube.com/embed/1PtR6qtdi1s

知道了吗？

Answer 2

在HTML5中，您可以使用video tag.

<video width="320" height="240" controls>
  <source src="src/to/video.mp4" type="video/mp4">
  Your browser doesn't support HTML5 VIDEO!
</video>

将值更改为所需的宽度，高度，src和视频类型（它支持mp4，webm和ogg）。