вопрос
Здравствуйте:)
Вставила:
в Head, никаких изменений не произошло. Будто по какой то причине эти стили/скрипты игнорируются. Подскажите пожалуйста по какой причине это может быть?
Вставила:
<link href="http://vjs.zencdn.net/4.10/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.10/video.js"></script>
<style type="text/css">
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #ff3000 }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.27) }
.vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.09000000000000001) }
.vjs-default-skin .vjs-control-bar { font-size: 70% }
</style>
в Head, никаких изменений не произошло. Будто по какой то причине эти стили/скрипты игнорируются. Подскажите пожалуйста по какой причине это может быть?
Скорее всего стили уже заданы в файле стилей который ты подключила:
Проще всего найти их там и установить нужные значения, или добавить !important к новым стилям.
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #ff3000!important; }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.27)!important; }
.vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.09000000000000001)!important; }
.vjs-default-skin .vjs-control-bar { font-size: 70%!important; }
Проще всего найти их там и установить нужные значения, или добавить !important к новым стилям.
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #ff3000!important; }
.vjs-default-skin .vjs-control-bar,
.vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,0.27)!important; }
.vjs-default-skin .vjs-slider { background: rgba(0,0,0,0.09000000000000001)!important; }
.vjs-default-skin .vjs-control-bar { font-size: 70%!important; }