3

Вопрос по html5, javascript, jquery – приостанавливать и воспроизводить несколько видео HTML5 с помощью индексации jQuery get (0)?

Error: User Rate Limit ExceededfadeOut()Error: User Rate Limit Exceededget(0) часть кода.

здесь jsfiddle, который отображает проблему: Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

$(function(){
      $('#video_1,#video_2,#video_3,#video_4,#video_5,#video_6').hide();

      $('.icon_1').click(function(){
            $('#video_2,#video_3,#video_4,#video_5,#video_6').fadeOut(function(){
                  $('#video_1').fadeIn();
            $('.video_2,.video_3,.video_4,.video_5,.video_6').get(0).pause();
            $('.video_2,.video_3,.video_4,.video_5,.video_6').get(0).currentTime = 0;
            $('.video_1').get(0).play();
            });
      });


      $('.icon_2').click(function(){
            $('#video_1,#video_3,#video_4,#video_5,#video_6').fadeOut(function(){
                  $('#video_2').fadeIn();
            $('.video_1,.video_2,.video_4,.video_5,.video_6').get(0).pause();
            $('.video_1,.video_2,.video_4,.video_5,.video_6').get(0).currentTime = 0;
            $('.video_2').get(0).play();
            });
      });

      $('.icon_3').click(function(){
            $('#video_1,#video_2,#video_4,#video_5,#video_6').fadeOut(function(){
                  $('#video_3').fadeIn();
            $('.video_1,.video_2,.video_4,.video_5,.video_6').get(0).pause();
            $('.video_1,.video_2,.video_4,.video_5,.video_6').get(0).currentTime = 0;
            $('.video_3').get(0).play();
            });
      });
});

и HTML:

<div id="video_1">
<div id="mediaplayer">cadillac</div>
    <video class="video_1" width="100%" height="100%" controls="controls">
        <source src="videos/cadillac_x264.mp4" type="video/mp4" />
    <object data="videos/cadillac_x264.mp4" width="100%" height="100%">
</object> 
</video>
</div>

<div id="video_2">
<div id="mediaplayer2">nike</div>
    <video class="video_2" width="100%" height="100%" controls="controls">
    <source src="videos/Nike_Pretty - Computer_x264.mp4" type="video/mp4" />
<object data="videos/Nike_Pretty - Computer_x264.mp4" width="100%" height="100%">
</object> 
</video>
</div>

<div id="video_3">
<div id="mediaplayer3">russian standard</div>
    <video class="video_3" width="100%" height="100%" controls="controls">
    <source src="videos/Russian_Standard.mp4" type="video/mp4" />
<object data="videos/Russian_Standard.mp4" width="100%" height="100%">
</object> 
</video>
</div>
  • Error: User Rate Limit Exceeded

    от Adam
  • Error: User Rate Limit Exceeded

    от
  • я просто проголосовал за него, я думаю, что Адам, поскольку он написал вопрос, единственный, кто может пометить его как принятое решение

    от
  • Error: User Rate Limit Exceeded

    от
  • рабочая ссылка:jsfiddle.net/timrpeterson/EyZdy/52

    от
  • Работает как шарм. Превосходная работа. Спас мой бекон. я делаюlove мой бекон

    от Adam
  • Error: User Rate Limit Exceeded

    от Adam
  • спасибо P1aincloth3sM4n, я следовал тому, что вы сказали о сбросе всех видео, вот рабочее решение ...jsfiddle.net/trpeters1/EyZdy/52

    от
  • Error: User Rate Limit Exceeded

    от
  • 3

    Error: User Rate Limit Exceeded

  • 11

    Error: User Rate Limit Exceeded

    $('.video_2,.video_3,.video_4,.video_5,.video_6').get(0)
    

    <a href="#" class="video-thumbnail" data-video-id="video-1">Video 1</a>
    <a href="#" class="video-thumbnail" data-video-id="video-2">Video 2</a>
    
    <video id="video-1"> ... </video>
    <video id="video-2"> ... </video>
    

    $('.video-thumbnail').on('click', function () {
        // Just go ahead and pause/reset all the video elements
        $('video').each(function () {
            this.pause();
            this.currentTime = 0;
        });
    
        $('#' + $(this).data('video-id')).get(0).play();
    });
    

  • 0

    Error: User Rate Limit Exceeded

    $(function() {
    $("video").each(function() {
        this.pauseOthers = function(event) {
            $('video').addClass('stopvideo');
            $(this).removeClass('stopvideo');
            $('.stopvideo').each(function() {
                this.pause();
            });
        };
        this.addEventListener("play", this.pauseOthers.bind(this), false);
    });
    });