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

Question

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

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

Answer 1

1/Вы можете попробовать добавить DIV над видеотега с г-индекса, а не использовать трек. 2 /, то вы пишете функцию яваскрипта, что обновить DIV с субтитрами 3/Вы можете «CSS» это;)

Answer 2

селектор использования :: кий, как это:

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