Question

我有法语，荷兰语，英语的内容（同一主题例子：＆＃34;全球变暖＆＃34;）

但它在一个大文件中，我怎么能告诉视频元素请从00:00:00到00:05:00播放只播放整个02:00:00？

function video_play_onetime_withcut(input) {
  $('#mediaplayer').prop('loop', false);     
  $('#mediaplayer').attr('src', filename).show();
  mediaplay_video= document.getElementById('mediaplayer');
  mediaplay_video.play();  
  mediaplay_video.onended = function(e) {
    console.log('>>> Playing finished: ', e);
  };
}

Answer 1

使用timeupdate事件。

mediaplay_video.ontimeupdate = function(event) {
  if( mediaplay_video.currentTime === 5 * 60 ) {
    mediaplay_video.pause();

    // Just so we don't stop the player multiple times if the user
    //   wants to see the whole thing...
    mediaplay_video.ontimeupdate = false;

    // Do whatever you want.
  }
};

如果您打算之后隐藏播放器，可以使用：

mediaplay_video.ontimeupdate = function(event) {
  if( mediaplay_video.currentTime >= 5 * 60 ) {
    mediaplay_video.pause();
    // @TODO: Remove player element...
  }
};

可以找到更多信息here。

Answer 2

您应该可以使用超时功能。

var clipLength = 10000; //milliseconds
window.setTimeout(function(){
    mediaplay_video.stop();
}, clipLength);

Javascript - 如何告诉视频元素在xyz持续时间停止播放视频？

2 个答案: