-1

我有一些要在我的网站上使用的 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>
4

1 回答 1

0

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

你需要创建一些 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 收到信号并报告>> to player.php（回显视频名称），HTML5 播放器触发并播放视频。

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

于 2013-10-18T21:47:13.637 回答