Видео HTMl

Ребят как сделать чтоб при нажатии картинки выдвигалось видео? и кнопка задвинуть обратно
Зарание спс

Самому интересно.
Ковырнул исходник, можно попробовать скопировать с заменой ссылок на свои.
Правда у меня нет платформы проверить.

Пробывал... ноль эмоций

Вы прям многое сделали.. Возможно функция onclick="about_video(2); отвечает за выбор видео и выезд окошка

Нужен js или css что там у них используется тогда все заработает

А при чем тут CSS?

Вот JS, который вам необходим.

Код:

// ---[ Slide div ]-----------------------------------------

// Испорльзуется для раскрытия/скрытия слоя обновлений - http://pw.mail.ru/download.php

function slide_div(btn, layer)
{
var layer_id = '#' + layer;

if ($(layer_id).is(':visible'))
{
$(btn).removeClass('minus');
$(btn).addClass('plus');
$(layer_id).slideUp();
}
else
{
$(btn).removeClass('plus');
$(btn).addClass('minus');
$(layer_id).slideDown();
}
}

// ---[ Slide div spoiler ]-----------------------------------------

// Испорльзуется для раскрытия/скрытия блока в новостях

$(function () {
$('.click_spoiler').click(function () {
if ($(this).next("div").is(":hidden")) {
$(this).next("div").slideDown();
$(this).find("span").addClass("minus");
}
else {
$(this).next("div").slideUp();
$(this).find("span").removeClass("minus");
}
});
});

// ---[ QuickTabs ]-----------------------------------------

/*(function(cash) {
$(function() {
$('#tabss ul').each(function() {
$(this).find('li').each(function(i) {
$(this).click(function(){
$(this).addClass('active').siblings().removeClass('active')
.parent().find('div.box').eq(i).fadeIn(150).siblings('div.box').hide();
});
});
});
})
})(jQuery)

(function($) {

    $.fn.extend({

        quickTabs: function() {

            var container = this;
            var $tabs = $('.tabs a', container);

            $tabs.click(function() {

                var $this = $(this);
                var tab_class = $this.html().toLowerCase().replace(' ', '-');

                $tabs.removeClass();
                $this.addClass('active');

                $('.tabs-main ul', container).hide();
                $('.tabs-main ul.' + tab_class, container).show();

                return false;

          });

          return this;
        }

    });

})(jQuery);*/

// -------------------------------------------------------------

// -------------------------------------------------------------
// ---[ About page Video Youtube ]---
// -------------------------------------------------------------

// Используется для показа ютуба в разделе об игре

function about_video(block_id) {
$("div[id^='about_video']").hide();
$("#about_video_" + block_id + "_block").show("fast");
}

function about_video_close() {
$("div[id^='about_video']").hide();
$('#pwytb').stopVideo();
}

// Используется для сундука с выбором подарка
$(function () {
$(".chest_input_block .chest_activate").click(function() {
$(this).parent().parent().parent().parent().parent().next().slideToggle("fast");
})
});

// -------------------------------------------------------------
// ---[ getUrlVars ]---
// -------------------------------------------------------------

function getUrlVars() // Example: var counter_par = getUrlVars()["counter"];
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes.split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}

// -------------------------------------------------------------
// --- ВИП СМС
// -------------------------------------------------------------

$(document).ready(function(){
$(".sms_phone_block .vsms_account input").click(function() {
input_value = $(this).val();
if($(this).hasClass("default")) {
$(".sms_phone_block #vip_ban").html("vip+pw+ban").css("border-color","#c9c9c9");
$(".sms_phone_block #vip_unban").html("vip+pw+unban").css("border-color","#c9c9c9");
} else {
$(".sms_phone_block #vip_ban").html("vip+pw+" + input_value +  "+ban").css("border-color","#c44048");;
$(".sms_phone_block #vip_unban").html("vip+pw+" + input_value +  "+unban").css("border-color","#c44048");;   
}
});
});

// -------------------------------------------------------------
// --- История мира
// -------------------------------------------------------------

function history_menu(block_id) {
$(".history_of_world_block .history_menu span").removeClass("active");
$(".history_of_world_block .history_menu .block_" + block_id).addClass("active");

$(".history_of_world_block div[class^='history_block']").hide();
$(".history_of_world_block .history_block_" + block_id).show();

switch(block_id) {
case 1 : $("#content_top h2").html("Идеальный мир"); break;
case 2 : $("#content_top h2").html("Ярость Богов"); break;
case 3 : $("#content_top h2").html("Эпоха Джинов"); break;
case 4 : $("#content_top h2").html("Легенды Морей"); break;
case 5 : $("#content_top h2").html("Генезис"); break;
case 6 : $("#content_top h2").html("Земли Духов"); break;
case 7 : $("#content_top h2").html("Возрождение Династий"); break;
}
}

// ---[ Slide div spoiler ]-----------------------------------------

// Испорльзуется для раскрытия/скрытия блока конкурсов в правой колонке в разделе Комьюнити

$(function () {
$('.comm_right_contest_block .header').click(function () {
if ($(this).next("div").is(":hidden")) {
$(this).next("div").slideDown();
$(this).addClass("active");
}
else {
$(this).next("div").slideUp();
$(this).removeClass("active");
}
});
});

Для этого используется язык CSS, как именно сам не знаю!

А ты жестенький