Сделать видеоролик «страница просмотра»

В настоящее время я экспериментирую с видео HTML5, чтобы увидеть, будет ли это лучше, чем вспышка. На веб-сайте, который я создаю, в настоящее время используются отдельные страницы для каждого видео (весь контент загружается мной, поэтому сценарий загрузки не нужен), но я хочу знать, как я буду использовать PHP и MySQL для создания одной «страницы просмотра». Я бы предпочел, чтобы эта страница была автономной, так как теперь мне не нужно что-либо еще, закодированное в PHP, поэтому остальные мои страницы могут использовать расширение .htmlСделать видеоролик «страница просмотра»

Я могу легко настроить базы данных (на стороне сервера, заполняя их что-то не слишком знакомое). Мне не нужен полный веб-сайт, если они уже существуют, но найти правильную формулировку для поиска Google сложно (я постоянно нахожу 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

Можете ли вы предоставить соответствующий код и более подробную информацию? У вас есть конкретный вопрос/проблема, которую вы пытаетесь решить? –

У вас уже есть флеш-версия? Как вы заселяете его видео, которое хотите посмотреть прямо сейчас? – 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 выше, будет ли это подключаться к моему db: $ connect = myqli_connect ('localhost,' dbusername ',' dbpassword, 'dbname'); (явно меняя сервер, имя пользователя, пароль и имя db)? Также был бы я прав, говоря, что весь материал mysql должен содержаться в скрипте ? – JWassall

@JWassall Я обновил свой ответ, чтобы показать вам, как создать соединение с базой данных (очевидно, изменение параметров). И не совсем, чтобы получить доступ к результату из запроса, вам просто нужно сделать '$ video ['<имя столбца>']' в этом случае. Если вы хотите показать его в HTML, используйте '']?>'. – federicot

Я предполагаю, что мне нужно использовать все стандартные материалы html на странице php ( и т. Д.)? Также при подключении к источнику видео в моей базе данных я бы использовал http: // example.com/video/123.webm (мой сервер mysql размещается отдельно, поскольку я использую веб-хостинговую компанию) – 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>

я надеюсь, что он будет делать основную работу по получению видео с тузда таблицей, содержащей два coloumns с именем videokey и videoname.

источник

2013-08-05 18:31:38

Это действительно полезно спасибо. Могу ли я иметь еще одну колонку для видеозаписей, чтобы я мог динамически назвать страницу в теге заголовка? Был бы <? 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

Я бы предпочел использовать только HTML и PHP для этого, так как мне не нравится javascript.Не то, чтобы это было сложно или что-то еще, но я хочу как можно больше попытаться использовать только HTML и PHP. Этот веб-сайт является скорее учебным проектом, чем чем-либо еще. – JWassall

Хорошо, я не знаю, что вы хотите изучать PHP, тогда мой ответ не является решением в этой ситуации. Так жаль об этом. – cavaliercyber

Сделать видеоролик «страница просмотра»

ответ

Смежные вопросы