如何在第一页上浏览本地文件中的视频并在第二页上播放?

Question

我有这样的情况，这是第一页： 首页 在第一页上，我想浏览将在第二页上播放的视频。这是第二页的视图： 第二页 我想要的是当我选择要播放的视频时，因此之前已经打开的第二页将自动播放视频，而不会将我从第一页重定向到第二页。

我尝试的是我通过模态形式选择第一页上的视频，然后将视频名称传递给监视器.php然后在监视器上.php将显示视频名称。然后在第二页上，im使用间隔功能，每1秒检查一次帖子是否发生在监视器上.php。但是，结果是视频无法在第二页上播放。我尝试在显示器上检查视频名称值.php，结果还可以，但视频仍然无法在第二页上运行。

这是我在第一页上的代码：

<div class="modal fade" id="modalForm" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">&times;</span>
<span class="sr-only">Tutup</span>
</button>
<h4 class="modal-title" id="labelModalKu">Pilih Video</h4>
</div>
<!-- Modal Body -->
<div class="modal-body">
<p class="statusMsg"></p>
<form action="../apps/coba.php" method="post">
<div class="form-group">
<label>PILIH</label>
<input name="filelocation" type="file" class="form-control" placeholder="Pilih File ..">
</div>                                                                  
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<input type="submit" class="btn btn-primary" value="Simpan">
</div>
</form>
</div>
</div>
</div>

这是监视器的代码.php ：

if (isset($_POST["filelocation"])) {
$src = $_POST["filelocation"];
echo json_encode($src);

}

这是第二页上的代码，每 1 秒在显示器上检查一次.php ：

setInterval(function() {
$.post("../apps/coba.php", function( src ){
var videoNow = src;
showVideo();
}, "json"); 
}, 1000);

Answer 1

../apps/coba.php里面有什么？我假设这个文件运行你的monitor.php文件，但如果我错了，请纠正我。$_POST是 PHP 在当前 HTTP 请求中接收的数据。每次您发出请求(例如发送<form>或使用$.post())时，此数组将包含不同的数据，与以前的请求无关。在第二页中，您不发送任何帖子数据，因此$_POST将始终为空。

我假设两个页面都在同一台计算机上打开，所以你只能用Javascript来做到这一点：

1. 使用window.open()打开第一页的第二页，因此您可以在变量中拥有第二页：

<button type="button" onclick="var secondPage = window.open('secondPage.html')">Open second page</button>

2. 不是通过 post 发送表单，而是在第二页上运行showVideo()函数：

<form onsubmit="secondPage.window.showVideo(this.filelocation.value);return false;">
<div class="form-group">
<label>PILIH</label>
<input name="filelocation" type="file" class="form-control" placeholder="Pilih File ..">
</div>                                                                  
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<input type="submit" class="btn btn-primary" value="Simpan">
</div>
</form>