如何在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显示视频或图像？

回答

相关问题