Question

Здравствуйте. Подскажите пожалуйста, как сделать так, чтобы при добавлении видео в модуль Видео, отображалась картика самого видео, а не голубая подложка (обложка).

 

Я видела, что можно добавить скриншот, и тогда он станет обложкой для ролика, но это для меня не выход. Возможно ли изменить стандартный вид материалов в этом модуле так, чтобы автоматически виден был сам ролик без всяких "обложек" как на Ютюбе?

Прошу прощения, не верно поставила категорию в вопросе. Вместо Интернет магазина, должны быть Модули системы.

Answer 1

Уточните ссылку на сайт, не должно такого быть, скриншот должен отображаться к видео, если скриншот не обнаруживается ставится системный скриншот заглушка.

О том как сделать без скриншота сразу видео, читаем в ответе на вопрос - http://www.ucoz.ru/qa/index.php/33551

Comments

Все верно. Если скриншот добавить, он отобразиться, с этим все в порядке. Если нет, то устанавливается заглушка.

Вопрос в том, как вообще не ставить не скриншота, и избавиться от заглушки на главной странице видео. Например, я добавила ролик, не добавляя отдельно к нему скриншот, и он отобразился с голубой заглушкой. А мне нужен вид плеера как на Ютюб.. с той картинкой которая установлена на Ют по умолчанию.

С видом материала и комментариев к нему разобралась и заменила код, как было написано, там все устраивает, спасибо!  А для главной страницы видео не могу найти нужного кода.

 

Сайт

---

Ирина нет,

По виду материалов, выход следующий, перейти в вид материалов, найдите код:

<div class="ve-screen" title="$TITLE$" style="background-image: url($SCREEN_URL$);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='$SCREEN_URL$',sizingMethod='scale');width:$PRV_WIDTH$px;height:$PRV_HEIGHT$px;"><a href="$ENTRY_URL$"></a><div class="ve-length">$DURATION$</div></div>

замените на:

<div class="ve-screen" title="$TITLE$"><div class="vep-video-block">$EMBOBJECT$</div></div>

после перейти в файл стилей CSS для видео, найти стили:

.ve-screen,.ve-screen iframe {
    position: relative;
    height: 157.5px;
    width:210px;
    margin: 5px 0;
    border-radius: 10px;
    vertical-align: middle;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

добавьте выделенное красным. После данных изменений не забудьте выполнить комбинацию CTRL+F5  на главной странице модуля видео.

---

Yuri_Geruk,

Огромное спасибо!!!! Все получилось!