場景
需要一個能夠免費播放在線 mp4 視頻(有 URL 鏈接)的頁面組件,視頻沒有上傳到 SharePoint 網站上。
應用
vSlider Video Carousel
提供者
The Estro Collection
優點
- 可以看到播放列表中的三項,可以在列表中滾動選擇想要播放的視頻
- 可以手動設置預覽圖,也可以設置自動從視頻中拉取預覽圖
缺點
- 不支持不規則的預覽圖網址(不以圖片擴展名爲結尾的),否則不通過
- 視頻地址一經提交不能再查看,也不能修改,還不能調整播放順序,只能隱藏和刪除
- 響應式:有最小寬度要求以顯示右側的播放列表,因此需要至少2/3的頁面寬度
- 不能自動播放視頻
Envision IT Video Player
提供者
Envision IT Inc.
優點
- 響應式:視頻的尺寸能夠適應可用的寬度
缺點
- 使用文件方式管理播放列表數據,一開始不能很好理解,需要仔細閱讀操作說明才知道需要上傳的是預覽圖文件,然後按照嚮導設置視頻的其他數據。這就決定了預覽圖是不能輕易替換的,替換預覽圖=刪除視頻源。
- 有最小高度要求,因爲點擊其中一個視頻播放後,預覽圖列表會跑到視頻下方佔據額外的高度空間,如果高度不夠,會有圖片的下半部分被隱藏。
- 第一次使用需要加載緩存一些組件才能夠正常顯示。
Hero Video Banner
提供者
Blueshift Software Innovations Inc.
優點
- 一個組件對應一個視頻源,因此整個站點能夠放置多個播放不同視頻的組件。
- 自動播放。
缺點
- 響應式:不能很好地響應可用寬度的變化,其
full page-width SharePoint Online hero video banner webpart
的性質決定了視頻的尺寸與頁面寬度一致,不管可用寬度是否能夠達到頁面寬度的100%;在較窄的位置,部分橫向畫面會被隱藏,所以對於低畫質視頻,通過減少可用寬度來提高清晰度的做法並不可行。
Embedded Video Carousel
提供者
Beta Zone
優點
- 界面簡潔明朗,除了下方一條粗的“綠化帶”顯示視頻標題和控制播放上/下一個視頻外,剩餘部分是標準的 HTML5 播放器。
- 響應式:視頻尺寸完美響應組件可用寬度變化。
- 使用表格方式管理播放列表數據,符合使用習慣;對於油管/Vimeo 視頻,只需要輸入視頻 ID,不需要輸入全部 URL,同時在 Source 選項中選擇相應的源類型(國內用不上);對於 SharePoint 內部視頻,只需要輸入相對路徑。
This app supports all HTML 5 supported video types uploaded in SharePoint library as well as it also supports video hosted on Vimeo or You Tube.
Use the following list to add new/ remove video source.
- If video is available on You Tube or Vimeo, provide video id only.
- If video is uploaded in SharePoint library, Provide relative url or video file.
- If video is hosted externally, provide full url of video file path and select internal in source.
缺點
- 第一次使用需要加載緩存一些組件才能夠正常顯示,加載速度比上述其他應用都慢
- 風格不可定製,比如“綠化帶”的顏色和高度
- 一個站點只能有一個播放列表
- 不能設置預覽圖
- 由於瀏覽器的播放限制,不能自動播放