@iiil нашел решение ну может немного костыльное но все же свое. Но столкнулся с новой проблемой
<div class="slide">
<div id="sales1"><div class="imgbox" onclick="buy2()"><img src="http://cs312728.vk.me/v312728349/81f5/5oSO-UZdqDQ.jpg" width="640" height="360"></div></div>
<script>
var sales_div = document.getElementById("sales1");
function buy2(){
sales1.innerHTML = '<div class="imgbox"><iframe width="640" height="360" src="http://www.youtube.com/embed/CgBcloPdJjg?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe></div>';
}
function cancel(){
sales1.innerHTML = '<div class="imgbox" onclick="buy2()"><img src="http://cs312728.vk.me/v312728349/81f5/5oSO-UZdqDQ.jpg" width="640" height="360"></div>';
}
</script>
</div>
<div class="slide">
<div id="sales2"><div class="imgbox" onclick="buy()"><img src="http://cs312728.vk.me/v312728349/81fd/rNsbgmc8tEs.jpg" width="640" height="360"></div></div>
<script>
var sales_div = document.getElementById("sales2");
function buy(){
sales2.innerHTML = '<div class="imgbox"><iframe width="640" height="360" src="http://www.youtube.com/embed/CgBcloPdJjg?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe></div>';
}
function cancel(){
sales2.innerHTML = '<div class="imgbox" onclick="buy()"><img src="http://cs312728.vk.me/v312728349/81fd/rNsbgmc8tEs.jpg" width="640" height="360"></div>';
}
</script>
</div>
Так как мне нужно сделать это все в слайде я сделал слайд и запихал код. И теперь при нажатие на переключение к следующему слайдеру у меня видео останавливается. Но вот когда добавляешь следующий слайдер. То первый слайдеры с видео после начала воспроизведения по нажатию на кнопку следующий слайдер не останавливается не магу в чем может быть проблема может в самом коде.