Помогите с YouTube для вставки! - PullRequest
1 голос
/ 03 мая 2011

Помощь!Может кто-нибудь сказать мне, что я делаю не так?Я пытаюсь создать кликабельную ссылку на изображение, чтобы при нажатии на нее запускалось мое видео на YouTube.Вот что у меня есть ...

<iframe class="youtube" width="400" height="257" src="http://www.youtube.com/embed/I-TiwjSELQE?autoplay=1" frameborder="0" allowfullscreen imgsrc="images/ciafree-yt" width="413" height="242"></iframe>

Спасибо :))

Ответы [ 2 ]

0 голосов
/ 03 мая 2011

Вы можете использовать jQuery и просто добавить id="yt-video" к вашему встраиваемому коду.

Убедитесь, что вы также ссылаетесь на jQuery (https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js) в своем HTML.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" ></script>

Затем добавьте этот простой jQuery:

<script>
$(document).ready(function() {
    $('#yt-video').hide(); // hides the video initially
    $('#id_of_image_div_clicked').click(function(){
       $('#id_of_image_div_clicked').hide(); // hides the clicked image
       $('#yt-video').show(); // shows the video
    }
});
</script>
0 голосов
/ 03 мая 2011

Если не важно, попробуйте использовать <object> теги, как я использую

...