Графика HTML5 в субтитрах с использованием Webvtt

Я пытаюсь добиться небольшой графики в субтитрах видео (формат Webvtt), отображаемых <track>-элементом в HTML5 (с использованием Chrome). Я пробовал это с помощью CSS, используя content:url() или background-image:url(), но безуспешно. Есть ли у кого-нибудь идеи или советы, как я могу решить свою проблему?

заранее спасибо


person Exac    schedule 19.04.2013    source источник


Ответы (2)


1 / вы можете попробовать добавить div поверх тега видео с z-индексом и не использовать track. 2 / затем вы пишете функцию javascript, которая обновляет div вашими субтитрами 3 / вы можете использовать css;)

person ElSinus    schedule 19.04.2013
comment
Я пытаюсь добиться этого без использования javascript - person Exac; 19.04.2013

используйте селектор :: cue следующим образом:

::cue {
  color: #FFF;
  background: transparent;
  text-shadow: black 0 0 0.2em;
  font: 1.2em sans-serif;
}
person Stauc Radu    schedule 28.06.2013