Javascript 如何单击我的PHP网页上的文件名在HTML5视频播放器上播放视频？_Javascript_Php_Html_Video_Href

Javascript 如何单击我的PHP网页上的文件名在HTML5视频播放器上播放视频？

javascript php html video

Javascript 如何单击我的PHP网页上的文件名在HTML5视频播放器上播放视频？,javascript,php,html,video,href,Javascript,Php,Html,Video,Href,我是（自学）初学者。我在一个页面（第1页）上有PHP代码来显示服务器上可用的视频文件列表 foreach ($filelist1 as $file2) { echo "<a href='???'>". $file2."</a><br>"; } foreach（$filelist1作为$file2） { 回声“”； } 我还有一个页面（第2页）有视频播放器 <video id="videoPlayer" width="75%" height=

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

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

foreach（$filelist1作为$file2）
{
回声“
”；
}

我还有一个页面（第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" />


这就是我要做的
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>

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


视频列表：





page2.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>

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


您的浏览器不支持视频标记。
您的浏览器不支持iFrame

要求：
要使上述代码正常工作，请在与page1.php和page2.php相同的目录中创建一个名为“videolibrary”的文件夹
测试：
打开page2.php，您应该会在由page1.php显示的iFrame中的videolibrary目录下找到一个视频文件列表。单击其中一个页面将通过javascript将其加载到iFrame中。
我宁愿将第2页放在第1页的iFrame中，然后通过URL将链接发布到第2页，然后使用GET on page2将其加载到iFrame中。我是一个初学者。请您发布对代码的编辑好吗？第1页作为IFRAME嵌入在第2页中。单击链接时，传递vname属性。但是，第2页在iframe内部再次打开。因此，结果是在同一页上有两个第2页。如何解决这个问题？谢谢。看到我对你原来问题的第一个评论了吗。我确实建议在iFrame中包含page1和page2。因此，我上面给出的代码是用于约定的设置。第2页必须包含第1页吗？如果是，则需要对结构进行一些更改。