Presto Player Review 最佳的線上影片播放解決方案

Presto Player 的目標是做為 WordPress 線上影片的終極播放、管理工具。不只是在影片上提供花俏的按紐與品牌顏色，先進的行銷、自動化功能更有助於提升品牌、影片的觸及率。

在外掛整合的部分，Presto Player 可以與 LearnDash、LifterLMS、TutorLMS 等完美結合。

網路時代走到了現在，網紅、教學網站、YouTuber 都是透過線上影片的製作與散播來提高品牌、課程的觸及率與擴散率。當影片完成製作之後，就需要「上架」到線上影片播放 (託管) 平台提供給大眾瀏覽、觀看。

說到線上影片播放 (託管) 平台大家應該都會想到 YouTube、Vimeo、Wistia 等，而這些網站提供的服務都各自有其限制。

像是 YouTube 無法防止使用者下載影片，影片觀賞完也會自動出現平台推薦的「其他」關聯影片，作為一個品牌或教學網站來說有可能會出現推薦競爭對手影片的尷尬狀況。

Vimeo 作為更為專業的影片託管平台，吸引了無數設計師、藝術創作者的目光，然而個人網站、教學網站內嵌 Vimeo 影片時依然無法避免使用者循著連結路徑找到 Vimeo 影片的位置。那麼教學網站、課程提供者就無法確保自己授課的權益。

而且，Vimeo 的服務費用不低！(以下是 Vimeo 的方案費用)

Wistia 作為後行者，依然有相同的問題。

現在很多人開始自己架站，提供自身專業領域的 know-how 教學課程，開始自己的斜槓人生的同時，也面臨一樣的問題。

• 影片託管費用 (e.g Vimeo)
• 影片串流速度
• 影片所有權
• 內嵌影片影響網站讀取效能 (特別是 YouTube)

做為內容提供者，大家真的只能被迫說服自己繼續好好專注在產出優質內容就好，而無法對影片的所有權有更進一步的限制嗎?

Presto Player 就是因應這些需求而誕生的。因為平台無法提供，所以程式設計大神乾脆自己做一套。看完下面的介紹，大家應該就能理解為什麼說 Presto Player 是最佳的影片播放解決方案了。

Presto Player 的目標是做為 WordPress 網站內容創作者的線上影片的終極播放、管理工具。不只是在影片上提供花俏的按紐與品牌顏色，先進的行銷功能更有助於提升品牌、影片的觸及率。

在外掛整合的部分，Presto Player 可以與 LearnDash、LifterLMS、TutorLMS 等課程管理外掛完美結合。並且可在 WordPress 內建的區塊 (block) 編輯器 Gutenberg 與其他頁面編輯器，如 Elementor、Beaver Builder 整合使用。

在接下來的內容，將會跟大家介紹 Presto Player 外掛的完整功能，讓大家知道這些吸引人的功能有哪些。

特色功能 Features

自訂章節說明 Chapters

即便是內容創作者，在觀看影片的時候都還是會想要跳過一些不感興趣的部分 (特別是時間很長的影片) 直接從某些章節開始。自訂章節功能可以按照時間編排每一個章節的開始時間與章節名稱。

而提供章節導引也能夠讓訪客有更好的觀看感受，減少因為不耐而直接跳出的比率。

自動播放預覽靜音

預設自動播放影片不只會拖慢網站預載速度，也會造成某些訪客的困惱。此外，內容創作者應該會更想要訪客能將注意力放在精心準備的網站內容上，對吧?

如果能抓住訪客的注意力並且讓訪客在閱覽網站內容的時候更舒服、自在，是不是更好呢?

透過將自動播放預覽靜音 + 字幕，訪客可以更自在的在任何場合觀看你精心準備的影片與網站內容，而不怕引起別人的注意了。

自訂圖層 (預覽模式)

這是增加訪客與影片之間互動的好方法，透過在自動播放預覽的時候，在影片的上層加上一個圖層，顯示你想要訪客看到的提示、內容，這圖層可以由網站設計者、課程提供者自行設計完成之後新增到影片上。

注意看下面的圖例，其中「Click here to play!」以及指向播放按鍵的箭頭就是自訂圖層。在這圖層之下的背景影片就是「自動播放預覽靜音」模式的影片。

Sticky Scroll

當訪客向下捲動頁面時，影片播放視窗會固定在畫面的右下角。可以實際到 Presto Player 官網嘗試。

自動儲存訪客觀看進度

對於教學網站，或是自行架設網站、想要提供經驗分享的專業人士來說，真的是沒有比這更好的消息了 (除了影片隱私權保護之外)。

除了可以儲存觀看進度之外，還可以將訪客對於影片播放器的設定調整偏好都用 cookie 存下來，包含音量大小以及播放速度等。可以大大的增進訪客體驗。

自訂播放器外觀 Style Preset

自訂播放器的外觀、操作選單對於品牌形象、訪客體驗上是相當關鍵的。透過 Presto Player 的 Add New Preset 功能，可以進行下述功能的調整。

Controls

• 自訂品牌顏色 (開始播放按紐)
• 改變播放按紐的尺寸
• 倒帶
• 快轉
• 進度條的顯示模式 (與功能選單一起或分開)
• 音量調整
• 播放速度調整
  自行託管、BunnyNet 託管：0.5x ~ 4x。
  其他託管平台需參考平台提供的功能決定。
• 全螢幕設定

播放速度控制

Behavior

• 操作選單自動隱藏
• 儲存訪客觀看進度
• Sticky Scroll
• 隱藏 YouTube UI (包含 Logo、推薦影片等)
  實驗性功能，若 YouTube 未來修改程式碼則有可能無法支援此功能
• YouTube Lazy Load
  改善網頁讀取效率

Style

• 是否隱藏 Logo
• 字幕背景色

分析工具

不再需要猜測你的訪客對影片的觸及率以及跳出影片的時間點。Presto Player 內建提供分析儀表板，可以觀察、分析網站上透過 Presto Player 播放的影片觸及率，以及每一個影片的留客統計數據。

網站上所有影片的觸及率分析

每一個影片的留客統計數據分析

效能

Gutenberg 內嵌 YouTube 影片 – 頁面載入

Presto Player Video Block 內嵌 YouTube 影片 – 頁面載入

使用 Presto Player 的效能提升相當顯著。

可以看到在 JavaScript 的部分就節省了將近 80% (751KB >> 147KB) 的檔案大小；同樣的在 CSS、font、影像檔案的部分也節省相當多。

簡單來說，如果在網站上使用 Presto Player 播放 YouTube 影片，可以節省相當大比率的頁面檔案大小、提升網頁載入速度，也讓 Google 在評估網頁速度的時候分數更高。

實際案例分享 – 「1 個步驟，改善 YouTube 影片載入速度、提升訪客觀賞體驗 – 使用 Presto Player」。

隱私權保護

Presto Player 提供三種方式可以進一步保護影片的所有權。

Video Protection Overlay

Presto Player 將提供使用半透明的浮水印圖層顯示使用者名稱與相關資訊，附加在影片之上。藉此防止訪客使用螢幕側錄的方式，在未經由影片所有權人的同意之下取得影片檔案。

Privacy Control

Presto Player 提供公開 (public) 與私人 (private) 的影片設定選項。選擇 private 的時候，訪客只有登入網站之後才能觀看影片。此外，Presto Player 也會使用動態到期連結進一步保護 private 影片。

如果有人想透過解析 html 碼的方式找出影片連結，找到的影片連結也無法使用。

此外，如果透過 BunnyNet 託管進行影片的 CDN，BunnyNet 也會進行影片安全性的編碼。

到官網看 BunnyNet 設定說明。

HLS Encryption

HLS (HTTP Live Streaming” 技術源自於 Apple。可以避免 private 影音檔案被訪客下載。

經過 HLS 處理的影音檔案，會透過 private key 加密，因此任何未經授權下載的影片是無法順利開啟、讀取的。

以往這個服務是相當昂貴的，但透過 Presto Player 整合功能可以將加密服務的費用減少近 30 倍。

頁面編輯器整合

目前 Presto Player 已經與 Elementor、Beaver Builder、Divi (Aug. 2021 完成) 等編輯器整合。使用 Elementor 編輯器的人，可以直接在 widget 找到 Presto Video。

目前開發團隊的規劃是要將所有「主要」的編輯器都納入考量，包含 Oxygen、Brizy 等都已經安排在 Roadmap 中。

即使你慣常使用的編輯器不在清單中，也可以透過 Shortcodes、PHP 的方式將 Presto Player 影片區塊嵌入至頁面中。

學習管理系統 (LMS) 外掛整合

影片播放器的主要使用族群就是提供多媒體課程的各大教學平台或自行架設教學網站的個人了。

Presto Player 將提供與最受使用者歡迎的 LMS 外掛 (包含 LearnDash、LifterLMS、TutorLMS 等) 內嵌使用的功能。可以透過 Elementor、Beaver Builder (其他編輯器可透過 shortcodes) 在頁面、文章中嵌入 Presto Player 影片。

Rank Math SEO 外掛整合

沒錯，Presto Player 已經與 Rank Math SEO 功能整合了。Rank Math SEO 可以看到 Presto Player 的影片、製作 video schema，並且加入 video sitemap 中。

到官網看 Rank Math SEO 整合說明。

YouTube 影片整合

如同前面說明的，YouTube 至今還是最廣受歡迎的影片播放平台，而 Presto Player 的 Founder Adam Preiser 更是國際知名的的 WordPress YouTuber，這個產品正是他為了解決長期以來使用 YouTube 做為影片播放平台遇到的各種問題而誕生的；也因此，只要是能讓 Presto Player 的功能更完善的需求，他都會放到產品開發的規劃中。

YouTube Whitelabeling

如同先前提到的功能，在 Preset 設定中可以選擇將 YouTube UI 的資訊隱藏。 Presto Player 透過 YouTube 提供的 API 將 UI 上的資訊隱藏，但若未來 YouTube 改變了作法，Presto Player 的開發人員可能就無法繼續提供這樣的功能。

不過以目前來說，Presto Player 是可以隱藏 YouTube 的品牌資訊以及相關的推薦影片的。

Lazy Load YouTube 影片

啟用 Lazy Load 功能之後，可以提高網頁載入頁面時的效能而不會卡在處理解析 YouTube 內容。可以進一步增進 Google 分析網頁時的評分。

這個功能一般也都是要透過其他的外掛來延遲載入 iframe、影片才有辦法做到。

使用 Presto Player 播放影片

再次提醒大家，Presto Player 是一個可以提供影片播放豐富功能的外掛，實際上儲存、託管、串流影片還是得透過相關的影片播放平台。

以下是 Presto Player 目前可以支援的平台，其中最推薦的當然就是透過 BunnyNet 自行託管影片的方式了。

YouTube

如同前面所說的，YouTube 依然是最受大家歡迎的影片播放平台，只要是對於沒有特殊所有權考量的影片而言，依然是可以放在 YouTube 上並透過 Presto Player 提供豐富的自訂播放器功能。

可以展示自己網站的品牌、色彩，並且最佳化網頁載入時的檔案大小與效能。

Vimeo

Vimeo 越來越受各界的歡迎，尤其是對於防止影片在未經所有人同意下載的保護上。但是也有越來越多人遭遇到平台不預期漲價的情形。而最近 Vimeo 的 PRO 訂閱服務也增加了許多新的限制，特別是影片隱私權的保護。

現在任何人都可以透過解析網頁 html 找出 Vimeo 的連結網址，並且直接造訪觀看，對於經營線上課程的網站來說，完全無法保護授課方的權益。而這似乎是 Vimeo 官方要促使更多人訂閱加值服務的方式。

除了費用考量之外，Vimeo 目前也不提供 HLS 加密服務。即使未來會提供，相信在費用上更是一般網站難以承受的。

自行託管

為了解決這些問題，Presto Player 在媒體檔案的管理上直接與 BunnyNet 整合，可以直接利用 BunnyNet 提供的 CDN 服務與加密技術服務。

而費率上更是不可思議的便宜，以資料傳輸量計算是 $0.005/Gb。Presto Player 官網提供了一個 BunnyNet 費用的預估試算，大家可以按目前的檔案儲存、流量預估費用。

BunnyNet 日前發表了影片託管 Stream 的新功能，Presto Player 也立即的將影片託管、播放等功能與 Bunny Stream 整合完成，就能直接利用 BunnyNet 的 HLS 加密技術了。

想想，用這麼便宜的費率就能自行託管影片，再也不需要看到其他影片平台的品牌標誌，也不會有亂入的競爭對手影片廣告，更別說還有影片隱私權的保護機制了。

如果你是網頁設計公司，試想你可以替客戶帶來多少的加值服務?

如果你自行架設網站，試想每個月可以省下多少流量費用，並將預算花在更該投入的地方，譬如說：內容創作上。

此外，Presto Player 目前也正在規劃將 Amazon S3、Digital Ocean 的服務整合進來，提供給大家更多的選擇。

Roadmap

除了前面所說的功能之外，Presto Player 也持續在新功能的規劃清單上增加項目中。

• YouTube 訂閱條，可以讓訪客觀看影片時直接訂閱 YouTube 頻道。
  • Action Bar 功能已完成。(May 2021)
• 觀看影片後的動作，自訂 CTA (Call to Action) 並在影片觀看、音訊聆聽完畢之後將訪客自動導向至指定頁面。
  • 自訂 CTA、指定時間出現 CTA – Action Bar 功能已完成。(May 2021)
  • 在 Preset 中設定 CTA。(June 2021)
• 自訂 CSS。(June 2021)
• 網站授權管理功能，網站設計工作室可以更方便的管理客戶的授權權限狀態。
• CRM 工具整合 & 自動行銷，目前正在進行中的包括 FluentCRM、WPFuson 以及 Uncanny Automator。
  預期做到類似「當訪客觀看 70% 的影片之後，將他加入特定的行銷標籤，並寄送 10% 折扣碼或提供產品 demo 服務」的功能。
  • Uncanny Automator 功能整合已完成。(Mar. 2021)
  • AutomatorWP 功能整合已完成。(Mar. 2021)
  • GamiPress 功能整合已完成。(Mar. 2021)
  • FluentCRM 功能整合 – 蒐集電子郵件、訂閱電子報。(Apr. 2021)
  • WPFusion 功能整合已完成。(Apr. 2021)
• 可以在播放前、播放中、播放後在影片上顯示其他圖層。(例如：防止側錄等)
  • 顯示蒐集電子郵件、訂閱電子報圖層功能已完成。(Apr. 2021)
  • 指定時間顯示按鈕圖層，按鈕文字可設定為連結動態文字，可設定多個按鈕圖層。功能已完成。(Aug. 2021)
  • 動態浮水印，可顯示訪客相關資訊，防止側錄。功能已完成。(Aug. 2021)
• 可以在影片播放前、後，播放其他影片。(類似廣告的功能)
• 可以透過搜尋「字幕」的關鍵字，讓訪客可以直接點擊到達影片的相關片段。
• Podcaster (播客) 有福了，不只是影片，Presto Player 也會提供音訊播放器專用的區塊 (block)。

此外，託管的影片來源也規劃將新增以下平台的整合：

• Amazon S3
• DigitalOcean
• Wasabi

《開發者的訊息》
對於上述的功能都不會有額外的費用產生，所有 Presto Player 的使用者都可以使用這些功能。

結語

呼~ 這真是個內容豐富的介紹文呀，如果你能從頭看到這，代表這個外掛的功能肯定在某個方面能滿足你的網站影片播放需求。

Presto Player 目前提供的方案中最划算的就是終生授權 Lifetime 了，對於有明確播放影片需求的 YouTuber、教學平台、個人教學網站而言，絕對是今年度 WordPress 眾多外掛中不可錯過的選擇。

不想錯過的朋友，可以直接到 Presto Player 官網購買。

而我，也在 soft launch 的頭幾天就手刀衝去買了 Presto Player Pro 的終生授權方案了。

關聯閱讀 – 「BunnyNet CDN 免費額度! 來玩 Presto Player 囉!」。

附註 – Presto Player 與 Vimeo 的訂價比較

如果你經營的 WordPress 網站有安裝 LMS 外掛，例如 LearnDash、TutorLMS、LifterLMS，你或許有發現最受歡迎的影片託管平台就是 Vimeo。

對多數人而言，Vimeo 服務中最受 WordPress 課程網站站長喜好的就是 Vimeo Pro 方案，這方案的費用是 $20/month 或 $240/year。

另一方面，Presto Player Pro 方案的定價為 $8.25/month 或 $99/year。意味著使用 Presto Player 每年可以省下美金 $141 元。

更別說 Presto Player 還提供了終生授權的方案，只需要一次性 $399 的費用。

對比 Vimeo 而言，$400 只能使用 20 個月，此外後續的每個月都需要再付出 $20 的費用。

這也是為什麼 Presto Player Pro 終生授權方案這麼吸引我的原因了。

附註 – Presto Player 與 BunnyNet Stream 比較

上市兩個月 Presto Player 就發布了重大功能更新，將 Bunny Stream 的功能整合進來了。(2021.04.22)

在 Presto Player 官方網站發布的這篇文章中詳細的說明了透過 Presto Player 播放託管在 Bunny Stream 的影片，除了效能可以獲得大幅提升之外，還能做到許多 Bunny Stream 無法提供的功能 (共 22 點)，這些在本文中都有提到並且也都會同步更新 Presto Player 新功能發布的進展。

在 Bunny Stream 新推出之際，相信這可以解開大家對於為什麼還需要使用 Presto Player 的疑惑。

使用 Presto Player + Bunny Stream 效能提升相當顯著

此外，Presto Player 官方網站發布的這篇文章中也提到了後續將要問世的其他新功能：

• Video Overlays: Text, Buttons, Images & Dynamic Data
• Call To Actions
• Searchable Captions
• Audio Player
• YouTube Subscribe Bar

這些都可以在本文文中 Roadmap 章節中找到，有相關進展都會同步更新，大家不時也可以回來看看喔。

如果想知道完整的比較，也可以看這篇文章：

延伸閱讀：「Presto Player vs. Bunny Stream 2021 最佳線上影片播放方案，到底要選哪一個?」。