Question

对于直播，我尝试使用范围滑块更改视频的时间 - 因此当您上下移动滑块时，它会更改视频的时间。我希望用jQuery做到这一点。

样本： http://codepen.io/mistkaes/pen/rVMPMj

- 和 -

CODE：

{{1}}

一如既往，谢谢你帮助我！

Answer 1

这是相关的笔：http://codepen.io/udnaan/pen/ZGpwKB

HTML：

<div id="player"></div>
<br/>
<input type="range" id="time-slider" value="0" style="width: 500px" />

JS：

  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  var player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'x9B2FmRR9ds',
      events: {
        'onReady': onPlayerReady,
      }
    });
  }

  function onPlayerReady(event) {
    event.target.playVideo();
    $('#time-slider').attr('max', player.getDuration())
    $('#time-slider').change(function(evt){
      console.log($(evt.currentTarget).val());
      player.seekTo($(evt.currentTarget).val())

    })
  }

另请查看youtube api：https://developers.google.com/youtube/iframe_api_reference#seekTo

使用输入更改YouTube视频的时间＆＃34;范围＆＃34;滑盖的？

1 个答案: