網頁上的視頻播放器是如何編寫的？

列舉幾個視頻網站的播放器(只展示底部播放條，實在沒必要整個截圖下來)：
新浪：

酷6：

優酷：

土豆：

問題可能問的有點泛，因為不太懂這方面。
如果想要自定義定製視頻播放時候的這些界面(進度條，播放按鈕，音量調節等等)，
要怎樣做到？

反對 @邵成 的答案

上面那幾個一看就是Flash播flv的。和HTML5完全兩個概念。

然後可以從裡面取幀畫到一個&上

繞這麼大個彎幹啥，可不可行都是個問題。直接在上面疊一層HTML元素就完啦。推薦 clappr/clappr · GitHub

要播分段flv還是得自己用Media Source Extension才行。