如何在html中使用url顯示視頻或圖像？

我想顯示網址，網址可以是視頻或圖片，我想使用網址顯示視頻或圖片。如何在html中使用url顯示視頻或圖像？

的網址，可能是任何東西，Facebook的視頻，視頻的Instagram，Facebook的圖片，Instagram的圖片等

我想這些加載和顯示。我試圖使用iFrame和視頻來顯示視頻，但它不起作用。對於我試圖在圖片標籤中顯示的圖片，但沒有奏效。

URL可以b類似

https://www.facebook.com/facebook/videos/10154659446236729/

此視頻

https://www.instagram.com/p/BSS3dVZlgXw/

這可以是圖像。

如何顯示此圖像或預覽圖像，以及onClick可以在新瀏覽器中打開它？對於視頻，我們可以這樣做嗎？

這裏是getPosts.php現在我在一張表中顯示這個。

 <?php 

ini_set('display_errors', 1); 
error_reporting(1); 
ini_set('error_reporting', E_ALL); 

include 'Database.php'; 

$database = new Database(Constants::DBHOST,Constants::DBUSER,Constants::DBPASS,Constants::DBNAME); 

$dbConnection = $database->getDB(); 

$stmt = $dbConnection->prepare("SELECT * FROM posts"); 
$dbConnection->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
$stmt->execute(); 
$results = $stmt->fetchall(PDO::FETCH_ASSOC); 
$posts=''; 

if (count($results > 0)) { 

    $posts.='<table><tr><th>Title</th><th>Description</th><th>Url</th></tr>'; 

    foreach($results as $row) { 

     $posts.='<tr><td>'.$row['title'].'</td> <td>'.$row['description'].'</td>'; 
     if (strcmp($row['url_type'],"2") || strcmp($row['url_type'],"") || strcmp($row['url_type'],"5")|| strcmp($row['url_type'],"7")) 
      { 
       '<video width="320" height="240" controls> 
    <source src="'.$row['url'].'" type="video/mp4"> 
</video>'; 
      } 

    } 

} else { 

    $posts.='<tr><td>No data found</td></tr>'; 

} 

$posts.='</table>'; 

echo $posts; 

?>

測試是這樣的iframe和視頻標籤，但的iFrame工作了一個網址，而不是其他視頻標籤dosent工作：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 
</head> 
<body> 
<video width="320" height="240" controls> 
    <source src="https://youtu.be/GHWHrgDqTyY" type="video/youtube"> 
    Your browser does not support the video tag. 
</video> 

<iframe width="420" height="345" src="https://www.facebook.com/facebook/videos/10154651089866729/"> 
</iframe> 

<img src="https://www.facebook.com/facebook/photos/a.376995711728.190761.20531316728/10155085288566729/?type=3&theater" alt="Mountain View" style="width:304px;height:228px;"> 


</body> 
</html>

誰能幫我這個好嗎？

來源

2017-04-14 Sid

如果你想顯示一個Facebook視頻，代碼應該是這樣的：

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10154651089866729%2F&show_text=0&width=400" width="420" height="345" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

相同的圖像。如果你想顯示你的形象，就像這樣：

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fposts%2F10155085288566729%3A0&width=500" width="500" height="665" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

希望它可以幫助。

來源

2017-04-14 10:30:23 Kuartz

我可以使用視頻標籤顯示視頻嗎？這樣我可以查看全屏視頻嗎？隨着我框架的工作，但如果我想看到這在全屏幕或新標籤點擊它呢？ – Sid

你改變了鏈接？我無法看到具有我指定的網址的視頻。 – Sid

我沒有改變任何東西。我將閱讀有關如何具有全屏選項+新選項卡的文檔。 – Kuartz

如何在html中使用url顯示視頻或圖像？

回答

相關問題