Wie man ein automatisches Einbettsystem mit Youtube-URLs erstellt

Question

Ich möchte ein System erstellen, das Youtube-URLs automatisch in die Seite einbettet. Zum Beispiel, wenn der Benutzer einen Link eines Videos von youtube anlegt. Ich möchte einen iframe des Videos machen. Irgendwelche Codezeilen werden geschätzt. Es ist wie ein Hinzufügen von Video zu einem Beitrag nur mit URL.

Answer 1

Sehr einfach, wenn Sie möchten nur tun Sie es mit PHP.

Verwenden preg_match() der Video-Hash aus der eingereichten URL:

//$url = $_POST['url']; 
$url = 'https://www.youtube.com/watch?v=dl4bprs4dB4'; 
preg_match('/v=([a-z0-9]+)/', $url, $matches); 

if (!empty($matches[1])) { 
    echo "<iframe width=\"854\" height=\"480\" src=\"https://www.youtube.com/embed/" . $matches[1] . "\" frameborder=\"0\" allowfullscreen></iframe>"; 
    // Outputs: <iframe width="854" height="480" src="https://www.youtube.com/embed/dl4bprs4dB4" frameborder="0" allowfullscreen></iframe> 
} 

Answer 2

Sie benötigen JQuery Bibliothek in Ihrer Web-Seite zu schließen, und dann:

HTML:

<input type="text" id="video_url"> 
<input type="button" id="loadTheVideo" value="load the video"> 
<div class="details_right" id="video_container">video place</div> 

JQuery:

$(document).ready(function(){ 
    $('#loadTheVideo').click(function(e){ 
     e.preventDefault(); 
     var URL = $("#video_url").val(); 
     var htm = '<iframe width="425" height="349" src="http://www.youtube.com/embed/' + URL + '?rel=0" frameborder="0" allowfullscreen ></iframe>'; 
      $('#video_container').html(htm); 
     return false; 

    }); 
}); 

Demo:http://jsfiddle.net/sofc3e47/1/

die Antwort Verbesserte What is the most efficient way to load YouTube videos through jQuery on a user click? gemäß @OP Anforderungen.