Question

我是（自学）初学者。我在一个页面（第1页）上有PHP代码，以显示服务器上可用的视频文件列表。

foreach ($filelist1 as $file2)
{
    echo "<a href='???'>". $file2."</a><br>";
}

我有另一个页面（第2页），其中包含视频播放器。

<video id="videoPlayer" width="75%" height="75%" preload controls= "controls" tabindex="0" poster="/videolibrary/2.jpg">
        <source id='mp4Source' src="/videolibrary/<?php echo $usr; ?>/1.webm" type="video/mp4" />
        <source id='oggSource' src="/videolibrary/<?php echo $usr; ?>/1.webm" type="video/ogg" />
        <source id='webmSource' src="/videolibrary/<?php echo $usr; ?>/1.webm" type="video/webm" />

第1页作为IFRAME嵌入在第2页中。我的问题是，当我点击第1页上的文件名时，我希望第2页上的视频播放器播放该视频。你能解释一下如何实现这个目标吗？这对许多初学者来说最有帮助。

Answer 1

以下是我将如何做到这一点。

page1.php 的代码：

<html>
<body>
<h5>Video List: </h5>
    <ul>
        <?php 
            $filelist = scandir("videolibrary");
            foreach($filelist as $key=>$video){
                if($key >1){
                    echo '<li><a href="#" onclick="parent.document.querySelector(\'#myVideo > source\').src = \''. $video. '\'">'.$video.'</a></li>';
                }
            }
        ?>
    </ul>
</br>
</body>
</html>

page2.php 的代码：

<html>
<body>

<center>
    <video id="MyVideo" width="720" height="480" controls>
        <source src="" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</center>
<iframe src="page1.php" name="viframe" id="viframe" width="80%" height="60%">
  <p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>

<强>要求：要使上述代码生效，请创建一个名为＆＃34; videolibrary ＆＃34;的文件夹。与page1.php和page2.php

在同一目录中

测试：打开page2.php，你应该得到一个在iFrame的 videolibrary 目录下找到的视频文件列表，由page1.php显示。点击其中一个将通过javascript将其加载到iFrame中。

如何点击PHP网页上的文件名，在HTML5视频播放器上播放视频？

1 个答案: