Youtube動画を2つ並べて再生
PHP JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
image
js
README.md
help.php
index.php

README.md

  1. 動画1の読み込み 「動画1のID」にYoutubeの動画IDを貼り付けて、「読み込み」をクリックしてください。
    動画IDが正しければ動画が表示され、1秒間だけ再生して一時停止します。

  2. 動画2の読み込み 「動画2のID」も同じようにして動画を読み込んでください。

  3. 動画の基準ポイントの調整 動画の下にある「-0.1秒」「+0.1秒」のコマ送りボタンを使って、2つの動画の基準位置を合わせます。
    この例では、スタート直後のパイロンを通過する瞬間に合わせてみました。

  4. 同時再生 位置合わせ後に「同時再生」ボタンを押すと、2つの動画が同時に再生開始します。
    比較動画っぽい!

※同時再生ボタンを押すタイミングによっては、再生がズレてしまう場合もあります。
その時は停止して、3)の調整を再度行ってください。
※以下のサンプルのように、URLに動画IDを埋め込むこともできます
hikaku/?v1=W99hdYsNNYg&v2=QHMgfVxvXhY