单击图像以在下一个窗口中启动 HTML5 视频答案

【问题标题】：Click image to launch HTML5 Video in a next window单击图像以在下一个窗口中启动 HTML5 视频
【发布时间】：2013-10-18 10:39:51
【问题描述】：

我有一些要在我的网站上使用的 html5 视频。但是，我想在单击图像链接后在新窗口中启动或启动视频，当然我希望视频在新窗口中有控件等。如何才能做到这一点？我目前使用的代码如下。

<video id=0 controls width=640 height=360>
<source src="Kingz Of Da City.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="Kingz Of Da City.webm" type='video/webm' >
<source src="Kingz Of Da City.mp4" type='video/mp4'>
<p>Video is not visible, most likely your browser does not support HTML5 video</p>
</video>

【问题讨论】：

@Zeaklous 我没有尝试过任何东西，因为我还没有看到在任何地方的下一个窗口中打开 html5 视频的代码
其他网页的打开方式有问题，只要让网页显示视频即可。如果您的意思是在当前页面上打开视频查找视频叠加问题，则有多个

标签： html html5-video

【解决方案1】：

你需要的是三明治页面标记方法

你需要创建一些php页面，例如head.php、player.php、body.php和那些登陆页面，例如page1.php、page2.php等

在你的 head.php 中写下：

<?php if(isset($_REQUEST['v'])){
$video=$_REQUEST['v'];} 
?>

在你的 player.php 中写下：

<video id=0 controls width=640 height=360>
<source src="mediaFolder/<?php echo $video ?>.ogv" type='video/ogg; codecs="theora, vorbis"'/>
<source src="mediaFolder/<?php echo $video ?>.webm" type='video/webm' >
<source src="mediaFolder/<?php echo $video ?>.mp4" type='video/mp4'>
<p>Video is not visible, most likely your browser does not support HTML5 video</p>
</video>

在你的 body.php 或任何你想使用链接的地方写下这个：

<a href="page1.php?v=myvidename1"><img  src="linkImgs/poster1.jpg" width="65" height="65" alt=""></a>
<a href="page2.php?v=myvidename2"><img  src="linkImgs/poster2.jpg" width="65" height="65" alt=""></a>
<a href="page3.php?v=myvidename3"><img  src="linkImgs/poster3.jpg" width="65" height="65" alt=""></a>

将所有创建的页面保存在您的根目录中。

下一步>>>>>>>>

这是您的三明治模板（带有汉堡），它将进入每个空白页面，例如主页、page1、page2 和 page3

<div class="header">
  <?php include('head.php'); ?>
</div>


<div class="mainBody">
  <div class="playerArea">
    <?php include('player.php'); ?>
  </div>
  <?php include('body.php'); ?>
</div>


<div class="footer">
  <?php include('footer.php'); ?>
</div>

然后发生的事情是，每当单击这些图像中的任何一个时，它都会向 head.php 发送信号，告诉他视频名称>> head 收到信号并报告>>到 player.php（回显视频名称） , HTML5 播放器触发并播放视频。

上面的示例模板是网络上任何 CMS 的基础。比如 YouTube（你有类似的东西：https://www.youtube.com/watch?v=xEsTd_a3WLQ）、WordPress、Twitter、Facebook 的名字。
我想我们已经完成了

【讨论】：