Смена запущенной видео кнопки css - PullRequest
1 голос
/ 06 января 2012

Я использую фоновый проигрыватель, который работает следующим образом:

    function Background(flashID) {
        this.flashID = flashID;
        this.swfRef = null;
        this.onReady = function() { };

        this.registerswfRef = function() {
          if (this.swfRef == null)
            this.swfRef = swfobject.getObjectById(this.flashID);
        };

       this.playMovieByNum = function(movieID) {
       this.registerswfRef();
       this.swfRef.playMovieByNum(movieID);
       };

И этот порядок вызова видео:

var background = new Background('back_1');// id for the backgground movie

          function onReady(id)
          {
              //this function will run when the background has finished loading the xml.
              //console.log('backgorund is now ready '+id); // id is passed from flash file.
          };

        window.onload =function()
        {
            document.getElementById('video1').onclick=function(){background.start(); background.playMovieByNum(1); };
            document.getElementById('video2').onclick=function(){background.start(); background.playMovieByNum(2); };
            document.getElementById('video3').onclick=function(){background.start(); background.playMovieByNum(3); };
            document.getElementById('video4').onclick=function(){background.start(); background.playMovieByNum(4); };
            document.getElementById('video5').onclick=function(){background.start(); background.playMovieByNum(5); };
            document.getElementById('video6').onclick=function(){background.start(); background.playMovieByNum(6); };
            document.getElementById('video7').onclick=function(){background.start(); background.playMovieByNum(7); };
            document.getElementById('video8').onclick=function(){background.start(); background.playMovieByNum(8); };
        };

Мне нужен фон кнопки относительнозапущенное видео меняет цвет.

Например, если видео «1» запущено, кнопка «# video1» получит фон «# EF4123», если нет фона «none».

Я пытался добавить его, но фон только менялся при нажатии на кнопку:

this.playMovieByNum = function(movieID) {
      this.registerswfRef();
      this.swfRef.playMovieByNum(movieID);
      for(i = 1; i <= 8; i++)
{
    if(i == movieID)
        $("#video" + i).css("background", "#EF4123");

    else
        $("#video" + i).css("background", "");
}
    };

Мне нужно, чтобы он также менялся автоматически при смене видео.

Это видноздесь работают: http://luisgustavoventura.com

Предложения, пожалуйста.Спасибо.

...