Помощь!Может кто-нибудь сказать мне, что я делаю не так?Я пытаюсь создать кликабельную ссылку на изображение, чтобы при нажатии на нее запускалось мое видео на 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>
Спасибо :))
Вы можете использовать jQuery и просто добавить id="yt-video" к вашему встраиваемому коду.
id="yt-video"
Убедитесь, что вы также ссылаетесь на jQuery (https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js) в своем HTML.
https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js
<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>
Если не важно, попробуйте использовать <object> теги, как я использую
<object>