如何在html中使用url显示视频或图像?

时间:2017-04-14 10:15:18

标签: php html image url iframe

我想显示网址,网址可以是视频或图片,我想使用网址显示视频或图片。

网址可以是任何内容,Facebook视频,Instagram视频,Facebook图片,Instagram图片等。

我想加载这些并显示。我尝试使用iFrame和视频来显示视频,但它不起作用。对于图像,我试图在图像标签中显示但不起作用。

网址可以像

一样

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适用于一个网址,而不适用于其他和视频标签的工作。

    <!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>

有人可以帮我这个吗?

1 个答案:

答案 0 :(得分:0)

如果您想显示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>

希望它可以提供帮助。