Динамическое видео / изображение с использованием CSS или HTML - PullRequest
Новая
       1

Динамическое видео / изображение с использованием CSS или HTML

1 голос
/ 30 августа 2011

Я могу встроить видеоклип YouTube в свою HTML-страницу, как так; 

<div class="videob">    
        <iframe title="YouTube video player" 
        class="youtube-player" type="text/html" 
        width="610" height="390" src=
        "http://www.youtube.com/embed/grh03-NjHzc"
        frameborder="0" allowFullScreen>
        </iframe>
</div>

Я прошу прощения, если я выгляжу расплывчатым, но на самом деле я хочу, чтобы при клике клип попал в центр страницы и затемнение фона. Аналогично тому, что приложение «Выключить свет» делает в Google Chrome. Я хотел бы сделать то же самое для изображений.

1 Ответ

0 голосов
/ 05 сентября 2011

Я предпочитаю Shadowbox, поскольку Fancybox приводит к зависанию IE. Вы можете проверить это здесь

http://www.shadowbox -js.com /

Итак, после настройки shadowbox ...

Вот голова: 

<link rel="stylesheet" type="text/css" href="includes/shadowbox.css">
<script type="text/javascript" src="includes/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Вот ваше видео: 

<a href="http://www.youtube.com/embed/grh03-NjHzc" rel="shadowbox;width=610;height=390;" title="Nelson Mandela's inaugural address">

ура!

...