2014-09-26 133 views
3

我需要顯示在一個簡單的網站上的視頻(實際上爲視頻將是唯一的對象),聽下面的事件並存儲時間戳(用戶的時鐘以毫秒計)每次:視頻播放:HTML5 VS的Youtube API

  • 緩衝完成
  • 第一齣戲()
  • 暫停()
  • 簡歷()
  • 停止()(這意味着用戶觀看的視頻完全)

兼容性:用戶可以在任何系統(例如舊瀏覽器)中打開網站。

我的問題是:你推薦什麼技術來實現這些要求:原生HTML5(使用視頻標籤)或YouTube API?

加成要求:不允許用戶向前或向後移動的視頻光標(允許的唯一操作是暫停/恢復)。

回答

2

爲了滿足支持舊版瀏覽器的需求,您將需要提供Flash後備,因爲HTML5視頻尚未得到完全支持(請參閱caniuse)。 YouTube API將提供開箱即用的功能(實際上我認爲它默認使用Flash)。

如果你打算使用HTML5視頻,你將需要做出規定退回自己。您最好的選擇是使用流行的HTML5視頻庫之一,其中許多將爲您處理,並提供一致的API,而不管傳輸機制如何。 Video.jsjPlayer都是流行的選擇。

的其他要求都充分利用可實現任一選項。對於YouTube API,我認爲您需要遵循this guide來實現自定義控件,以限制用戶播放/暫停控件。其他API可以讓您更容易地從現成的控件中進行選擇(即通過配置刪除scrubbar)。在這兩種情況下,您都可以捕獲您在項目符號中列出的所有事件。

使用YouTube,根據您的要求的一個優點,就是視頻文件的主機是由YouTube提供的免費。此外,它可能適合您將視頻發佈在社交媒體以及您自己的網站上,因爲它可能會導致更廣泛的曝光。