Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片
本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。
本篇大綱:本篇要解決的問題。建立影片播放器及控制項、開啟所有控制項、新增字幕檔、新增多種畫質選擇、提示 Tooltip、中文化介面、時間軸加上段落標記。取值:影片總時長、當下秒數。監聽事件:播放、暫停。修改樣式。外部平台影片:Youtube、Vimeo。
本篇大綱:影片愈來愈重要的這時代,前端會遇到嵌 Youtube 的相關需求。基本使用:嵌入影片 + 自動播放。1 HTML 中放一個 div,由 JS 去嵌入。2 HTML 裡直接放個 iframe。自製 Youtube 播放器。監聽 Youtube 播放狀態。Demo、原始碼。
Recent Comments