javascript - 参数激活时如何播放视频

Question

我正在使用timesheets.jsSMIL 演示文稿。

在 JavaScript 控制台中，我看到了这个：

<div id="slide3" class="transition" smil="active">
    <video id="foo" source type="video/mp4" src="foo.mp4">
</div>

参数：smil="active"要么是active要么done。

我想玩foo.mp4什么时候smil="active"

我已经添加了这个：

<script>
    $(document).ready(function () {
        $('#foo').prop('autoplay', true);
    });
</script>

但是它在页面加载时播放视频，所以当smil="active"视频结束时。

我怎样才能解决这个问题？

编辑：

这是启动 state = "active" 的 js：

var state = "";
  this.isActive = function() { return (state == "active"); };
  this.show  = function() {
    if (state == "active") return;
    state = "active";
    if (0) try {
      consoleLog(domNode.nodeName + "#" + domNode.id + " -- show()");
    } catch(e) {}
    self.setTargetState(state);
    self.dispatchEvent("begin");
    self.addEventListener(endEvents, onendListener);
    self.removeEventListener(beginEvents, onbeginListener);
    //if (self.parentNode.timeContainer == "excl") consoleLog("show");
  };

Answer 1

播放前检查属性是否等于active：

$(document).ready(function () {
  if($('#slide3').attr('smil') == 'active') {
     $('#foo').prop('autoplay', true);
  }
  else {
     $('#foo').prop('autoplay', false);
  }
});