OneLinePlayer 免費網頁影音播放器,嵌入 ... | 社區大學終身學習網
![OneLinePlayer 免費網頁影音播放器,嵌入 ...](https://i.imgur.com/1IaoGs0.jpg)
2019年2月27日—OneLinePlayer是一款很簡單、功能完整的免費網頁影音播放器,可以在不顯示服務Logo、不耗損畫質的情況下將影片完美嵌入網頁,相較於一般播放器來說 ...
![OneLinePlayer 免費網頁影音播放器,嵌入 ...](https://i.imgur.com/1IaoGs0.jpg)
如果要在個人網站、部落格、作品集或社交媒體放入影片,大部分開發者可能會選擇使用線上影音平台[1]提供的播放器語法,而不會自行托管影片,因為影音檔案容量較大,也會影響整體網站載入速度。不過一般播放器不一定能呈現最佳效果,運用一些小技巧能讓影片嵌入時效果更理想,例如「如何嵌入 YouTube 影片設定自動重播、隱藏 Logo 或靜音播放?[2]」或「嵌入 YouTube 影片為音樂播放器教學,僅保留音樂點擊自動播放[3]」。
本文要介紹的 OneLinePlayer[4] 是一款很簡單、功能完整的免費網頁影音播放器,可以在不顯示服務 Logo、不耗損畫質的情況下將影片完美嵌入網頁,相較於一般播放器來說速度加倍,支援自定高畫質預覽圖。OneLinePlayer 讓所有設定選項在同個畫面中完成,最終產生一段新的程式碼,即可以不同面貌在網頁嵌入影片。
要知道的是 OneLinePlayer 並不是一個線上影片托管服務,使用者仍得將影片上傳到影音平台,例如 YouTube[5] 或 Vimeo[6],再將網址貼上 OneLinePlayer 進行相關設定。
這項服務可以設定讓影片自動播放、自動暫停、循環、靜音或轉為 Gif 動畫模式,也能切換不同的配色模式,選擇讓播放器顯示那些按鈕(播放、時間軸、時間軸、音量、全螢幕、顯示 Logo)。
至於瀏覽器支援範圍,在不同設定選項上也不盡相同,只有 Google Chrome 支援所有的項目,每個瀏覽器都有一些不支援的項目,在自動暫停(Autopause)和無縫串流兩個功能支援度較差,其他大致上沒太多問題。
網站名稱:OneLinePlayer 網站鏈結:https://onelineplayer.com/[7]
使用教學STEP 1
開啟 OneLi...
15個最佳HTML5 視頻播放器 | 社區大學終身學習網
OneLinePlayer 免費網頁影音播放器,嵌入 ... | 社區大學終身學習網
PP瀏覽器 | 社區大學終身學習網
網頁播放器說明 | 社區大學終身學習網
Web影片播放器 | 社區大學終身學習網
OneLinePlayer 免費網頁影音播放器,嵌入影片可自訂各種模式 ... | 社區大學終身學習網
Day02 - 使用HTML 播放音檔 | 社區大學終身學習網
![](https://i.imgur.com/1IaoGs0.jpg)
HTML5, JQuery網頁設計哪裡學?新竹市科學城社區大學開課資訊
想要學習HTML5,JQuery網頁設計可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
地方的聲音與記憶(時間記憶篇)哪裡學?臺北市萬華社區大學開課資訊
想要學習地方的聲音與記憶(時間記憶篇)可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、...