Картинка для абуз

Я только что потратил 5 мин. И всё работает. И ни какого велосипеда. Настроено просто. Когда видео удаляю, в доп поле ставлю запятую, и выводится картинка с рабочей кнопкой.

 

Чуть доработать и будет ок.

 

Вобщем может кому пригодится. Создаём доп. поле с именем к примеру abuza.
Кидаем код в fullstory.tpl в один таб с плеером видео
[xfgiven_abuza]
<span id="raz">
<img src="картинка">
<a href="/"></a>
</span>
[/xfgiven_abuza]

в css

#raz {
position: relative;
display: inline-block;
}
#raz a {
position: absolute;
border: 1px solid rgba(255,255,255,.5);
}
#raz a:nth-of-type(1) {
left: 10%;
top: 17%;
width: 22%;
height: 20%;
}
#raz a:hover {
background: rgba(255,255,255,.3);
}

То что жирным правим так чтоб ссылка встала на картинку кнопки.

Теперь при удалении видео, в доп поле удаляем ссылку видео
а в поле abuza любой символ, хоть точку, и появится картинка с ссылкой на главную.

 

А лучше список по типу:

Пропуск строки
Абуза

Тогда можно будет просто переключить, ссылку на видео тоже можно обернуть [xfnotgiven_abuza], тереть ничего не надо будет

 

картинку можно разметить, установить координаты по которым на картинке будет ссылка

 

http://htmlbook.ru/html/map

 

зачем её резать? Картинка из апивидео, обычно она отображается если видео плеер найти не может.

А остальное - это уже дело техники впихнуть на картинку кнопку и текст со стилями
Стиль кнопки (цвет хоть менял ктонибудь? а то смотрю везде сувет такой же как я его когда то под мувигрув ставил...)

Код:

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 0 20px;
    font: normal 14px Arial !important;
    color: #fff;
    display: inline-block;
    background-color: #97ce68;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
}

сама кнопка

Код:

<a href="/"><button class="btn btn-success btn-sm">Уйти куда-нибудь</button></a>

ещё можно итак сделать


PS стили конечно не все выкинул - ищите на сайтах где вы выдели подобный фон вместо плеера

 

Немного стилей для оформления, остальное каждый сам настроит под себя.

HTML:

<style>
#novideo {
    background: transparent url("forest.png") repeat-x scroll center bottom;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #FFF;
    width: 100%;
    height: 322px;
    margin: 0px;
    padding: 0px;
    background-color: #34454D;
    overflow: hidden;
    display: table;
    position: static;
}
.full-text {
    line-height: 20px;
}
#novideosun {
    display: table-cell;
    vertical-align: middle;
    position: static;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.42);
}
#novideosun h1 {
    font-size: 48px;
    margin-bottom: 5px;
}
#novideosun p {
    font-size: 24px;
}
.full-text p {
    margin-bottom: 15px;
}
button {
    padding: 0 20px;
    font: normal 14px Arial !important;
    color: #fff;
    display: inline-block;
    background-color: #97ce68;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    cursor: pointer;
}
</style>
        <div class="player-box full-text player-box-online">
                        <div class='play-table'>
<div id="novideo"><div id="novideosun"><h1>Извините</h1><p>Фильм запрещен к показу на территории {countryfilter}<br />по просьбе правообладателя.</p><a href="#"><button class="btn btn-success btn-sm">Перейти на главную страницу</button></a></div></div>
                        </div>
        </div>

В приложении html файл с этим же кодом и с картинкой. Забирайте кому надо