Javascript

Question

我需要播放 clip1、clip2、clip3，不是自动播放也不是随机播放，而是稍后取决于其他一些逻辑条件。

第一个clip1一直这样。

但是我现在如何告诉 jplayer 播放 clip2？我必须删除 #jquery_jplayer_1 div 吗？

如果我删除它那么它根本不起作用，因为 m4v: 仍然只有一个 url 到 clip1

如何将 url "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v" 中的 clip1 url 更改为 clip3 (others.m4v) 或 clip2 (etcetc.m4v) Javascript?

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.jplayer.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#jquery_jplayer_1").jPlayer({
      ready: function () {
        $(this).jPlayer("setMedia", {
          title: "Big Buck Bunny",
          m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v",
        });
      },
      swfPath: "/js",
      supplied: "m4v, ogv",
      cssSelectorAncestor: "",
      cssSelector: {
        play: "#play",
      },
      size: {
        width: "320px",
        height: "180px"
      }
    });
});
</script>

</head>
<body>
  <p>
    <button id="play">play</button>
  </p>
  <div id="jquery_jplayer_1" class="jp-jplayer"></div>
</body>
<html>

Answer 1

工作中。

<script type="text/javascript" src="/js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.jplayer.min.js"></script>
<script type="text/javascript">
var pl =[];
pl[0] = {m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"};
pl[1] = {m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"};

function play1() {
  $("#jquery_jplayer_1").jPlayer("setMedia", pl[0]);
  $("#jquery_jplayer_1").jPlayer('play');
}

function play2() {
  $("#jquery_jplayer_1").jPlayer("setMedia", pl[1]);
  $("#jquery_jplayer_1").jPlayer('play');
}

$(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
    supplied: "m4v, webm",
    size: {
      width: "100%",
      height: "100%"
    }
  });

});
</script>

<button onclick="play1();">play1</button>
<button onclick="play2();">play2</button>

<div id="jquery_jplayer_1" ></div>

Javascript - 如何用另一个剪辑名称替换播放曲目？

Javascript - how to replace the play track with another clip name?

jquery

google-chrome

jplayer