使用HTML5中的PHP

时间:2017-06-10 18:46:37

标签: php html5 video

我没有使用Youtube,而是使用托管在远程Web服务器上的视频。该视频的链接存储在我的MySQL数据库中。

编辑:视频可以在Firefox上打开,可以看到:here

我的代码是这样的:

<?php if(isset($sql) && count($sql) && ($sql->num_rows)) : ?>
<div class="reslt_bar">                
    <?php foreach ($sql as $key => $search_data) : ?>

        <?php
        //I have set the URL of the video and the timeframe in order to jump to it
        $Videolink = $search_data['VideoURL'];
        $VideoFRAMESeconds = $search_data['timestampe'];
        $intVideoFRAMESeconds = (int)$VideoFRAMESeconds;
        ?>

        //The Below line is the place were I would like to click and jump on a new page to the video specifi time
        <p><a target="_blank" href='<?=$search_data['site_url'] ?>'><?=$search_data['meta_title'] ?></a><br/>

    <?php endforeach; ?>                
</div>

我看过this SO线程似乎是一个好的开始,但我不想在我的页面上显示视频,我想点击链接,这个将打开一个新页面并跳转到不在我的第一页上的视频页面中的特定帧/句点。

这可行吗?我是否必须在页面上加载视频才能跳转到那个时期?由于我的代码是用PH编写的,我该如何添加命令:

document.getElementById("video1").currentTime = 10;

我是一个小小的迷失..任何线索?

2 个答案:

答案 0 :(得分:1)

您可以使用媒体片段URI轻松跳转到您希望向用户展示的视频时段。

如果您想在新页面中打开视频,可以使用:

<a href="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_30mb.mp4#t=20,40">click here</a>

您可以使用 #t =

定义视频部分

在此链接中,浏览器预计仅向用户显示20秒到40秒。

答案 1 :(得分:1)

结合mele's answer和我的评论,在某个位置播放视频的新PHP脚本/页面的基本代码可能如下所示:

<?php

if (!isset($_GET['position'])) {
  exit('Send the position of the video to play like: /outputVideo.php?position=20,40');
}

?>
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Play Video</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
      video { width: 100%; max-width: 500px; display: block; }
    </style>

  </head>
  <body>

    <video src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_30mb.mp4#t=<?php print $_GET['position']; ?>" controls autoplay></video>

  </body>
</html> 

将上述代码复制/粘贴到新文件中,并将文件标题为outputVideo.php并将其放在Web服务器上。然后访问浏览器中的页面:http://yoursite.com/outputVideo.php?position=20,40您可以尝试将position var更改为您喜欢的任何内容。例如:position=10,60