如何使用youtube網址製作自動嵌入系統

我想製作一個自動將youtube網址嵌入網頁的系統。例如，當用戶從YouTube上放入視頻的鏈接時。我想製作視頻的iframe。任何代碼行表示讚賞。它的jsy就像只使用url添加視頻到帖子。如何使用youtube網址製作自動嵌入系統

2016-04-22 James

在那裏簽出正確的標記答案[在用戶點擊時通過jQuery加載YouTube視頻的最有效方法是什麼]（http://stackoverflow.com/questions/6240946/what-is-the-最高效的單向到負載的YouTube-視頻貫通jQuery的上一個用戶-C）。它可能會幫助你。 – hmd

看到了。沒有幫助。與我的意思完全不同。我只需要輸入網址，並將網址轉換爲iframe並在視頻中添加視頻。 – James

是的，它正在使用「錨標籤」。你可以使用你自己的輸入（輸入URL）和一個按鈕（它將用於點擊觸發），然後在你的函數中獲得輸入的值。 – hmd

非常容易，如果你只想只有用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> 
}

來源

2016-04-22 14:36:37 Egg

您需要在您的網頁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要求。

來源

2016-04-22 14:37:37 hmd

看起來你不能用鏈接嵌入視頻。例如，像urs www.youtube.com/embed/+url。如果url = youtube.com/watch？v =hdhshsh，該怎麼辦？鏈接將爲youtube.com/embed/youtube.com/watch?v=hshshshssh。這意味着它是一個無效的，它應該是一個代碼，而不是/ embed/ – James

@James用戶體驗後的鏈接，它將處理諸如「https：//www.youtube.com/watch？v = ZHfEakxwosQ」這樣的URL將由用戶輸入到輸入框中。但在發展層面，根據[Youtube規則在第三方網站上播放他們的視頻，他們會爲您提供嵌入]（https://support.google.com/youtube/answer/171780?hl=zh-CN）。所以，用戶界面上的URL將保持不變，如你所願。 – hmd

如何使用youtube網址製作自動嵌入系統

回答

相關問題