javascript - PHP、Ajax、テキスト ボックスを使用して YouTube の埋め込みコードを更新する

Question

だから私はしばらくこれについて疑問に思っていました。

プロジェクトの編集サイトを作成しています。この編集サイトでは、ページへのアクセス権を持つユーザーが貼り付けできるようにしたいと考えています。

• /watch?v=sometext

テキスト ボックスに挿入し、プレビュー埋め込みプレーヤーにこの文字列を取得させ、別のページをロードせずに、または実際に URL をデータベースに送信する前に、新しいプレーヤーを表示します。

Answer 1

次の JavaScript 関数を試してください。

document.getElementById("btn").onclick = function()
{
    var url = document.getElementById("txt").value;
    if (url !== "")
    {
        var video_id = url.split('v=')[1];
        var ampersandPosition = video_id.indexOf('&');
        if (ampersandPosition != -1) {
            video_id = video_id.substring(0, ampersandPosition); 
        }

        document.getElementById("myFrame").src = "//www.youtube.com/embed/" + video_id;
    }
};

これにより、url から videoID が取り除かれ、iframe (共有ボタンから取得できるもの) で再生されます。

完全な例を見て、完全な YouTube ビデオをテキスト ボックスに貼り付けます。 http://jsfiddle.net/hescano/URcWZ/