Question

A script to close a video.mp4 when it finish to go back on the original page please?

This is the example script:

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

It is for CSS3, HTML5 and JS. (jQuery1.8.2). It is for iPhone.

I’ve searched the net by couldn’t see an obvious one?

Answer 1

Have a look at this page there are some informations.
You could use video.js to make your life easier there is an ended event on which you could bind.

iOS sadly does not support the fullscreen API.

If you really want to use a here is how you could do it.

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

DISCLAIMER: I’ve never use video.js, I’m expecting it to work in this case, I just selected what seems to be the best tool for you. I’ve gave you hotlinks, hosted on CDN, if you are doing a PhoneGap app, replace them by a self hosted version.