制作视频“观看页面”

我目前正在试验HTML5视频，看看它是否会比Flash更好。我正在构建的网站为每个视频使用不同的页面（所有内容都由我上传，因此不需要上传脚本），但我想知道如何使用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>

来源

2013-08-05 JWassall

你能提供相关的代码和更多的细节吗？你有没有想要解决的具体问题/问题？ – 2013-08-05 18:08:53

你已经有Flash版本了吗？你现在想要观看的视频如何填充它？ – kalley

所有我试图做的是使用HTML5和PHP一起为我的所有内容制作一个页面。例如：

是的，你可能会需要一个数据库，使其按照你想要的方式工作。比方说，你的网页被称为example.com，并有在地址example.com/watch.php?video-id=123的视频，你会希望在你的watch.phpPHP脚本做的是这样的：

首先，检索video-idGET参数

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

来源

2013-08-05 18:46:47 federicot

由上面的shashikant发布，这将连接到我的分贝：$ connect = myqli_connect（'localhost，'dbusername'，'dbpassword，'dbname'）; （显然改变服务器，用户名，密码和数据库名称）？我也会正确地说，所有的mysql的东西都需要包含在<？php *脚本去这里*？>？ – JWassall

@JWassall我已经更新了我的答案，向您展示了如何创建与数据库的连接（显然，更改参数）。并非如此，在这种情况下，要访问查询结果，您只需执行'$ video ['<列的名称>']'。如果你想在HTML中显示它，使用'<？php echo $ video ['<列的名称>']？>'。 – federicot

我认为我需要在php页面（<！DOCTYPE html>等）中使用所有标准的html东西？另外当链接到我的数据库中的视频源时，我会使用'http：// example.com/video/123.webm'（我的mysql服务器单独托管，因为我使用webhosting公司） – JWassall

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

我希望它会做含有名为videokey和videoname 2个coloumns MySQL表获取视频的基本工作。

来源

2013-08-05 18:31:38

这真的很有帮助谢谢。我是否可以另外添加一个videotitle专栏，以便我可以动态地在head标签中命名页面？ <？php echo $ result [“videotitle”];？>工作？ – JWassall

是的，当然，它会工作 –

我读了你的问题，我想你想使一个单一的观看页面所有视频。如果独立播放器正在播放列表，则可能没问题。我建议你可以使用一些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>

来源

2013-08-05 18:52:42 cavaliercyber

由于我不喜欢JavaScript，我宁愿只使用HTML和PHP。这并不是说其难或者别的什么，但我想尝试只使用HTML和PHP为尽可能多地。这个网站更像是一个教育项目，而不是其他任何东西。 – JWassall

好吧，我不知道你想学习PHP的那么我的答案是没有这种情况的解决方案。对此很抱歉。 – cavaliercyber

制作视频“观看页面”

回答

相关问题