添加.mp4的关闭脚本

时间:2012-10-19 18:28:18

标签: javascript html5 css3 jquery-mobile

完成返回原始页面后关闭 video.mp4 的脚本?

这是示例脚本:

 <li><a href="#"><a href="video/aps_production.mp4"><p>Sharing experience video</p></a></li>

适用于CSS3,HTML5和JS。 (jQuery1.8.2)。它适用于iPhone。

我在网上搜索过看不到明显的一个?

1 个答案:

答案 0 :(得分:1)

看一下this page有一些信息 您可以使用video.js让您的生活更轻松,因为您可以绑定ended事件。

iOS遗憾地does not支持全屏API。

如果你真的想使用a,你可以这样做。

<强> HTML:

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<video id="video" style="display:none"></video>

<强>使用Javascript:

$("a[href$='.mp4']").click(function(ev){
  // use http://videojs.com/docs/api/ do get doc on how to use video.js

  var player = _v_("video");

  player.src($(this).attr('href'));
  player.requestFullScreen();
  $("#video").show();
  player.addEvent("ended", function(){
    // do what you want to do at the end of the video
    player..cancelFullScreen();
    $("#video").hide();
  });

  return false;
}) 

doc for attribute selector

免责声明:我从未使用过video.js,我希望它可以在这种情况下工作,我只选择了对你来说最好的工具。我已经为您提供了在CDN上托管的热门链接,如果您正在使用PhoneGap应用程序,请使用自托管版本替换它们。