如何使用youtube网址制作自动嵌入系统

Question

我想制作一个自动将youtube网址嵌入网页的系统。例如，当用户从YouTube上放入视频的链接时。我想制作视频的iframe。任何代码行表示赞赏。它的jsy就像只使用url添加视频到帖子。

Answer 1

非常容易，如果你只想只有用PHP做到这一点。

使用preg_match()从提交的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

您需要在您的网页JQuery库，然后：

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; 

    }); 
}); 

演示：http://jsfiddle.net/sofc3e47/1/

增强的答案What is the most efficient way to load YouTube videos through jQuery on a user click?按@OP要求。