Как мне сделать этот Div Scalabe с разрешениями / браузером - PullRequest
Новая
       25

Как мне сделать этот Div Scalabe с разрешениями / браузером

0 голосов
/ 24 августа 2011

У меня есть полноэкранное видео для фона моей веб-страницы, которое представляет собой видео YouTube, содержащееся в div.

При просмотре с меньшим разрешением, чем 1080p (например, 1280x720), он не перемещается и не сохраняет свою форму с помощью браузера ... вместо этого он остается того же размера 1080p, а не сжимается для перемещения с любым разрешением / браузером, которые есть у пользователя.

вот мой сайт

вот код, о котором идет речь. 

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.metadata.js"></script> 
    <script type="text/javascript" src="jquery.mb.YTPlayer.js"></script> 
    <script type="text/javascript"> 
        $(function(){$(".movie").mb_YTPlayer();});
    </script> 
</head> 
<body> 
<div id="container" style="position:absolute; left:0px; top:0px; z-index:-1; width:100%; height:100%;"> </div> 
<a id="bgndVideo" href="http://www.youtube.com/watch?v=8Pe8VFshHY8" class="movie {opacity:1, isBgndMovie:{width:'1990',mute:false}, ratio:'16/9', ID:'container'}"> Your browser dose not support video backgrounds </a> urban_editing_dot_com_test_page</h1> 
</body> 
</html>

заранее большое спасибо

1 Ответ

0 голосов
/ 24 августа 2011

Во-первых, очистите вашу разметку, есть ошибки, такие как бесполезное закрытие h1 и пустой контейнер div в нем.Ошибки разметки часто являются причиной неожиданного поведения.

Далее попробуйте скопировать пример из http://pupunzi.com/mb.components/mb.YTPlayer/demo/demo_background.html.

{width: 'window'} в хэш параметров вместе с правильными настройками для контейнера (возможно, выможете опустить это?).

...