【问题标题】:How to show video or image using url in html?如何使用 html 中的 url 显示视频或图像?
【发布时间】:2017-09-10 14:18:48
【问题描述】:

我要显示url,url可以是视频或图片,我想用url显示视频或图片。

网址可以是任何东西,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 对一个 url 有效,而对其他和视频标签无效。:

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

谁能帮我解决这个问题?

【问题讨论】:

    标签: php html image url iframe


    【解决方案1】:

    如果你想显示一个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>
    

    希望对你有帮助。

    【讨论】:

    • 我可以使用视频标签显示视频吗?以便我可以根据需要查看全屏视频?随着我框架它的工作,但如果我想在全屏或点击它的新标签中看到它怎么办?
    • 您是否更改了链接?我用我指定的 url 看不到视频。
    • 我没有改变任何东西。我将阅读有关如何拥有全屏选项 + 新标签的文档。
    • facebook.com/facebook/videos/10154651089866729这不是您在回答中提供的链接
    猜你喜欢
    • 1970-01-01
    • 2021-05-23
    • 2017-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多