主页 / 问题 / 706444
Accepted
Vlad Vityuk
Asked:2020-08-16 00:51:49 +0000 UTC2020-08-16 00:51:49 +0000 UTC

找出正在播放的视频？

  • 772

该网站有很多视频。开始新视频时如何找出播放的视频的id，每个人都有不同的id，我想得到这个id。

function playPause(id) {
var gif = document.getElementById(id);
$('video').each(function() {
    if(id != this.id && this.paused == false) { //this.id - id видео которое воспроизводилось (То что искал и для чего задавался вопрос.)
            this.pause();
    }
});
if (gif.paused) {
    gif.play();
} else {
    gif.pause();
}
}
<video id='gif<?php echo $article['id'] ?>' onclick='playPause(this.id)' loop>
    <source src='gifs/3e0d796625761fb1967746649011d2ce.mp4' type='video/mp4'>
</video>

全部。决定了。也许有人会派上用场。该代码仅在网站上播放一个视频，当您开始另一个视频时，前一个视频会暂停。

javascript

1 个回答

  1. Best Answer

    因为 你需要“记住”id上一个正在播放的视频，我可以提供这个选项：

    function playPause(id) {
  var gif = document.getElementById(id);
  $('video').each(function() {
    if (this.paused == false) {
      var previousVideo = $(this).get(0);
      if (this.id != id) {
        previousVideo.pause();
      }
      console.log(previousVideo.id);
    }
  });
  if (gif.paused) {
    gif.play();
  } else {
    gif.pause();
  }
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video id='gif1' onclick='playPause(this.id)' loop>
    <source src='https://ak0.picdn.net/shutterstock/videos/3671960/preview/stock-footage-flight-over-clouds-loop-able-animation.mp4' type='video/mp4'>
</video>

<video id='gif2' onclick='playPause(this.id)' loop>
    <source src='https://ak7.picdn.net/shutterstock/videos/3711827/preview/stock-footage-high-quality-looping-animation-of-ocean-waves-from-underwater-with-floating-plankton-light-rays-shi.mp4' type='video/mp4'>
</video>

<video id='gif3' onclick='playPause(this.id)' loop>
    <source src='https://ak0.picdn.net/shutterstock/videos/3507950/preview/stock-footage-natural-green-motion-background-seamless-loop.mp4' type='video/mp4'>
</video>

    • 1

相关问题