从单击开始播放自动播放循环HTML5视频，然后在暂停时返回自动播放循环播放

Question

我有一个自动播放循环HTML5视频，我需要在第一次点击时从视频的开头播放，然后再次点击暂停让它返回到自动播放循环，然后重复这些功能。这是我到目前为止所拥有的

<video autoplay loop muted controls="false" poster="" preload="auto">
  <source src="promo.mp4" type="video/mp4">
</video>

$('video').click(function() {
  if (this.paused == false) {
      this.pause();
      $(this).removeAttr('controls');
  } else {
      this.play();
      $(this).attr('controls', true);
  }
});

任何帮助将不胜感激。谢谢。

Answer 1

这是你的意思吗？

var activeFilterBg;
var filterBgColor = {
    'filtercolor-black':      '#171710',
    'filtercolor-blue':       '#4C94B6',
    'filtercolor-brown':      '#50443D',
    'filtercolor-gold':       '#F6D069',
    'filtercolor-green':      '#96B14D',
    'filtercolor-grey':       '#A8AAA5',
    'filtercolor-orange':     '#DB5E46',
    'filtercolor-pink':       '#E78EB1',
    'filtercolor-purple':     '#59547E',
    'filtercolor-red':        '#D22200',
    'filtercolor-silver':     '#EBEBEB',
    'filtercolor-white':      '#FFF'
};

$('.facet-options-list li input[id*=filtercolor]').each(function() {
    var filterColor = $(this).attr('id');
    activeFilterBg = filterBgColor[filterColor];
});