Донедавна бегущая строка реализовывалась в HTML просто, при помощи тега <marquee>. Но он уже считается устаревшим, и в любое время может перестать работать. Таким способом реализована бегущая строка в примере плеера на JS. На в последней версии Mozilla эта функция работает с «прихрамыванием». Вот информация по поводу использования тега с developer.mozilla.org: » Вышел из употребления.
Эта возможность вышла из употребления. Хотя она может продолжать работать в некоторых браузерах, её использование не рекомендуется, поскольку она может быть удалена в любое время. Старайтесь избегать её использования. «
Взамен предлагается реализовывать бегущую строку при помощи CSS анимации. На страничке www.w3schools.com находим пример кода анимации и изучаем его:
Сначала воспроизведите анимацию назад, затем вперед
Свойство animation-direction не поддерживается в Internet Explorer 9 и более ранних версиях.