如何制作嵌入式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）。