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