|

YouTube雙影片同時播放器

同時播放兩個YouTube影片

同時播放兩個YouTube影片

這個HTML程式是一個簡單易用的網頁工具,允許使用者同時播放兩個YouTube影片,並提供以下功能:

  1. 自訂影片輸入
    • 使用者可以輸入兩個YouTube影片的URL,程式會自動解析並載入影片。
    • 支援任何有效的YouTube影片連結(例如:https://www.youtube.com/watch?v=…)。
  2. 自訂播放起始時間
    • 使用者可以為每個影片指定播放的起始時間(以秒為單位),方便從特定時間點開始播放。
  3. 同時播放控制
    • 點擊「同時播放」按鈕,兩個影片會從指定的起始時間同步開始播放,確保完美的同步體驗。
  4. 邊框顯示選項
    • 使用者可以透過勾選「顯示影片邊框」選項,選擇是否為影片周圍添加邊框,方便區分影片區域。
  5. 響應式設計
    • 網頁採用靈活的佈局,適應不同螢幕尺寸(電腦、平板或手機),確保影片顯示清晰且操作順暢。

使用方法

  1. 開啟網頁後,在「第一個影片URL」和「第二個影片URL」欄位輸入YouTube影片連結。
  2. 在「起始時間」欄位輸入每個影片的起始秒數(若無需設定,可保持為0)。
  3. 勾選或取消「顯示影片邊框」以控制影片邊框的顯示。
  4. 點擊「載入影片」按鈕,載入並預覽影片。
  5. 點擊「同時播放」按鈕,兩個影片將從指定時間點同步播放。

技術亮點

  • 使用YouTube IFrame API實現影片播放控制,確保穩定性和功能性。
  • 支援影片ID解析,自動處理不同格式的YouTube連結。
  • 響應式CSS設計,確保跨設備的良好體驗。
  • JavaScript動態管理播放器,支援影片重新載入和同步播放。

適用場景

  • 教育:比較兩個教學影片的內容。
  • 娛樂:同時觀看不同版本的音樂MV或電影片段。
  • 研究:並排分析兩個影片的視覺或聽覺元素。

這個工具簡單直觀,適合任何需要同時播放和比較YouTube影片的場景!

Similar Posts

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *