Question

我想制作一个自动将youtube网址嵌入页面的系统。例如，当用户从youtube中放置视频的链接时。我想制作视频的iframe。任何代码行都表示赞赏。它很喜欢只使用网址添加视频到帖子。

Answer 1

您需要在网页中加入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/

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

Answer 2

如果您只想使用PHP，那么非常简单。

使用preg_match()提交的网址中的视频哈希：

//$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>
}

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

2 个答案: