YouTube雙影片同時播放器
同時播放兩個YouTube影片
這個HTML程式是一個簡單易用的網頁工具,允許使用者同時播放兩個YouTube影片,並提供以下功能:
- 自訂影片輸入:
- 使用者可以輸入兩個YouTube影片的URL,程式會自動解析並載入影片。
- 支援任何有效的YouTube影片連結(例如:https://www.youtube.com/watch?v=…)。
- 自訂播放起始時間:
- 使用者可以為每個影片指定播放的起始時間(以秒為單位),方便從特定時間點開始播放。
- 同時播放控制:
- 點擊「同時播放」按鈕,兩個影片會從指定的起始時間同步開始播放,確保完美的同步體驗。
- 邊框顯示選項:
- 使用者可以透過勾選「顯示影片邊框」選項,選擇是否為影片周圍添加邊框,方便區分影片區域。
- 響應式設計:
- 網頁採用靈活的佈局,適應不同螢幕尺寸(電腦、平板或手機),確保影片顯示清晰且操作順暢。
使用方法
- 開啟網頁後,在「第一個影片URL」和「第二個影片URL」欄位輸入YouTube影片連結。
- 在「起始時間」欄位輸入每個影片的起始秒數(若無需設定,可保持為0)。
- 勾選或取消「顯示影片邊框」以控制影片邊框的顯示。
- 點擊「載入影片」按鈕,載入並預覽影片。
- 點擊「同時播放」按鈕,兩個影片將從指定時間點同步播放。
技術亮點
- 使用YouTube IFrame API實現影片播放控制,確保穩定性和功能性。
- 支援影片ID解析,自動處理不同格式的YouTube連結。
- 響應式CSS設計,確保跨設備的良好體驗。
- JavaScript動態管理播放器,支援影片重新載入和同步播放。
適用場景
- 教育:比較兩個教學影片的內容。
- 娛樂:同時觀看不同版本的音樂MV或電影片段。
- 研究:並排分析兩個影片的視覺或聽覺元素。
這個工具簡單直觀,適合任何需要同時播放和比較YouTube影片的場景!