Как уже говорилось, вы пытаетесь установить все параметры вместо параметра с именем = "фильм".
Как говорится, я не верю, что вы можете менять видео "на лету". Я бы порекомендовал сделать еще одну страницу, скажем, display_video.php или что-то еще. Напишите какой-нибудь php для генерации кода на YouTube Такие как:
<?php if(isset($_POST['video_id'])) { ?>
<object style="height: 390px; width: 640px">
<param name="movie" value="http://www.youtube.com/v/<?=$_POST['video_id']?>?version=3">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<embed src="http://www.youtube.com/v/<?=$_POST['video_id']?>?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
</object>
<? } ?>
Затем используйте метод jquery $. Ajax () для его обновления. Примерно так:
$(document).ready(function() {
$('.scrollableArea a').click(function() {
var video_id = this.id // same thing as $(this).attr('id')
$.ajax({
type: "POST",
url: "display_video.php",
data: "video_id=" + video_id,
success: function(html){
$('#gallery_content').html(html);
}
});
});
});
Возможно, вам придется немного изменить это, так как я мало что знаю о том, что вы делаете. Надеюсь, это поможет!
EDIT
Кроме того, вы можете рассмотреть делегирование событий, если у вас есть большое количество тегов в вашей .scrollableArea. Это ускорит ваш JavaScript. Это будет выглядеть примерно так:
$(document).ready(function() {
$('.scrollableArea').click(function(e) {
// get tagname of the element that was clicked
var element_clicked = e.target.tagName;
if (element_clicked = 'a') {
// now change the video
var video_id = this.id // same thing as $(this).attr('id')
$.ajax({
type: "POST",
url: "display_video.php",
data: "video_id=" + video_id,
success: function(html){
$('#gallery_content').html(html);
}
});
}
});
});
Делегирование событий - это эффективный способ следить за событиями с большим количеством элементов. Работает путем привязки к точке дальше по дереву DOM и отслеживания пузырьковых событий. По сути, вы связываете событие click с ОДНЫМ элементом в DOM, а не со многими.