javascript - .mp4 の終了スクリプトを追加

Question

元のページに戻るのが終わったら video.mp4を閉じるスクリプトを教えてください。

これはスクリプトの例です:

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

CSS3、HTML5、JS 用です。(jQuery1.8.2)。アイフォン用です。

ネットを検索しましたが、明らかなものが見つかりませんでしたか？

Answer 1

このページを見てください。いくつかの情報があります。バインドできるイベントがあるので、 video.js
を 使用して生活を楽にすることができます。ended

iOS は残念ながらフルスクリーン 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;
}) 

属性セレクターのドキュメント

免責事項: 私は video.js を使用したことがありません。CDN でホストされているホットリンクを提供しました。PhoneGap アプリを使用している場合は、自己ホスト型のバージョンに置き換えてください。