Я создаю страницу, на которой будут отображаться видео с моего видеоканала Youtube.
Так выглядит мой код.
Когда отображаются видео, они располагаются над моим CSS/ Javascript menu.
Я попробовал z-index и position: относительный, но это не помогло.При переполнении стека я нашел другое решение http://youtubelink, а в конце & wmode = непрозрачное, но это не помогло.
Возможно, кто-то может дать мне правильное решение.Спасибо.
Код
<div style="width:190px; float:left; margin:0 20px 20px 0;">
<?php if($item->type == 0) { // If video type is Youtube ?>
<p class="video"><iframe width="190" height="142" src="<?php echo $item->link; ?>" frameborder="0" allowfullscreen></iframe></p>
<p class="video-title"><?php echo $item->title; ?></p>
<?php if(!empty($item->desc)) { ?>
<div class="video-desc"><?php echo $item->desc; ?></div>
<?php } ?>
Обновление:
Я включил этот код в тег <head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function () {
//<object id='SWFUpload_0'><param name='wmode' value=transparent></param></object>
$('object#SWFUpload_0>param[name=wmode]').attr("value","transparent");
//<!--[if IE]><object id='SWFUpload_0'><embed name='wmode' value=transparent></embed><![endif]-->
if(!$.browser.msie)$('object#SWFUpload_0').append('<embed wmode="transparent">');
});
</script>
но ничего не изменилось.