Question

我目前正在尝试使用HTML5视频来查看它是否比闪存更好。我正在构建的网站目前为每个视频使用单独的页面（所有内容都由我上传，因此不需要上传脚本）但我想知道如何使用PHP和MySQL制作单个“观看页面”。我希望这个页面是独立的，因为我现在不需要用PHP编写任何其他内容，所以我的其余页面可以使用扩展名.html

我可以轻松设置数据库（服务器端，填充它们是我不太熟悉的东西）。我不需要一个完整的网站，如果已经存在，但找到正确的谷歌搜索措辞很难（我一直在寻找PHP视频教程）。

<!DOCTYPE html>
<html>
<head>
<title>Video Title - FTVO</title>
<meta charset="UTF-8">
</head>
<body>
<h2>Video Title</h2>
<p>Watch this episode using the player below</p>
<h3>Getting a "Unsupported" error? Fix it by upgrading your browser. We recommend Firefox.</h3>
<a href="http://www.mozilla.org/en-US/firefox/new/"><img src="images/firefoxbanner.png"   alt="FirefoxBanner"/></a>
<br />
<video width="640" height="480" controls>
<source src="videos/e1.webm" type="video/webm">
Your Browser Doesn't Support this Element
</video>
<hr>
<p>This site is property of <b>TechXtra Web Services</b></p>
</body>
</html>

Answer 1

是的，你可能需要一个数据库来按照你想要的方式工作。假设您的网页名为example.com，地址example.com/watch.php?video-id=123中有一个视频，您要在watch.php PHP脚本中执行的操作是：

首先，检索video-id GET参数

$videoId = $_GET['video-id'];

然后在您的数据库中查询有关视频的信息（强烈建议您使用PDO）

$mysqli = new mysqli($host, $user, $pass, $db);
$sql = "
       SELECT id, title, src
       FROM videos
       WHERE id = $videoId
       LIMIT 1
";
$result = $mysqli->query($sql);
$video = mysqli_fetch_array($result, MYSQLI_ASSOC);
mysqli_close($mysqli);

然后然后，显示相应的HTML

<title><?= $video['title']; ?></title>

<source src="videos/<?= $video['src']; ?>" type="video/webm">

<!-- Whatever else you need to display -->

Answer 2

<?php
  $videokey = $_REQUEST['key'];
  $connect = myqli_connect('localhost,'dbusername','dbpassword,'dbname');
  $SQL = "SELECT 'videoname' where videokey = $videokey ";
  $query = mysqli_query($SQL);
  $result = mysqli_fetch_array($query, MYSQLI_ASSOC);
?>
<html>
<body>
<video width="320" height="240" controls>
<source src="<?php echo $result["videoname"];?>" type="video/mp4">
</video>

我希望它能完成从mysql表中获取视频的基本工作，该表包含两个名为videokey和videoname的颜色。

Answer 3

我看了你的问题，我想你想用你的所有视频制作一个观看页面。如果独立播放器有播放列表，它可能没问题。我建议你可以使用一些js库，你不需要学习PHP和MYSQL。我找到了这个图书馆

http://mediafront.org/osmplayer/#.Uf_wrzmy_Dc

我觉得它很容易使用。您可以下载它，然后您可以在html页面中修改这样的代码。

<!DOCTYPE html>
<html>
<head>
<title>Video Title - FTVO</title>
<meta charset="UTF-8">
<!-- Include the core jQuery and jQuery UI -->
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

<!-- Include the core media player JavaScript. -->
<script type="text/javascript" src="osmplayer/bin/osmplayer.compressed.js"></script>

<!-- Include the DarkHive ThemeRoller jQuery UI theme. -->
<link rel="stylesheet" href="osmplayer/jquery-ui/dark-hive/jquery-ui.css">

<!-- Include the Default template CSS and JavaScript. -->
<link rel="stylesheet" href="osmplayer/templates/default/css/osmplayer_default.css">
<link rel="stylesheet" href="osmplayer/templates/default/osmplayer.default.js">
<script type="text/javascript">
    $(function() {
        $("#osmplayer").osmplayer({
            playlist: 'playlist.xml',
            width: '480px',
            height: '640px'
        });
    });
</script>
</head>
<body>
<h2>Video Title</h2>
<p>Watch this episode using the player below</p>
<div id="osmplayer"></div>
<hr>
<p>This site is property of <b>TechXtra Web Services</b></p>
</body>
</html>

对于播放列表，您只需更改视频和图片的位置路径即可创建XML。

<?xml version="1.0" encoding="UTF-8"?>
    <playlist version="1" xmlns="http://xspf.org/ns/0/">
       <trackList>
          <track>
             <title>HTML5: Matagascar III</title>
             <location>http://progressive.totaleclips.com.edgesuite.net/105/e105598_257.mp4</location>
             <image>http://www.movieposter.com/posters/archive/main/143/MPW-71686</image>
          </track>
          <track>
             <title>HTML5: Snow White and the Huntsman</title>
                 <location>http://progressive.totaleclips.com.edgesuite.net/103/e103981_257.mp4</location>
             <image>http://www.movieposter.com/posters/archive/main/142/MPW-71148</image>
          </track>
          <track>
             <title>HTML5: Men in Black III</title>
             <location>http://progressive.totaleclips.com.edgesuite.net/105/e105857_257.mp4</location>
             <image>http://www.movieposter.com/posters/archive/main/146/MPW-73434</image>
          </track>
   </trackList>
</playlist>

Answer 4

以下是youtube.com视频嵌入PHP代码的方法：您可以在此处https://www.youtube.com/embed/XXX看到URL。在这里XXX，您需要输入以下PHP代码：

<? php echo $_GET['id']; ? >

您应该从示例<?开始删除php和<? php之间的空格，最后只需要删除?和>之间的空格。 ?>。像这样写：{{1}}。因为如果在它们之间留有空间，它将无法正常工作。完成后，您可以轻松地将Youtube.com视频嵌入到您的网站或页面上。这样便可以创建PHP Pages for Youtube.com。

制作视频“观看页面”

4 个答案: