CSS3 & PHP лайтбокс с превью для ежедневного обновления видеоконтента - PullRequest
Новая
       60

CSS3 & PHP лайтбокс с превью для ежедневного обновления видеоконтента

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

Хорошо, поэтому я пытаюсь реализовать скользящую галерею большого пальца видео, связанную с лайтбоксом, похожую на домашнюю страницу reason.com , но я бы хотел сделать это на чистом CSS, если это возможно.У меня уже есть полный код для лайтбокса, который в основном представляет собой чистый CSS с функцией javascript:void, связывающей большие пальцы с лайтбоксом.

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

Есть ли способ динамического захвата больших объемов видео с помощью сценария PHP и включения сценария в мою ссылку javascript:void, которая отобразит большой палец для моего лайтбокса?Я в основном пытаюсь найти способ для захвата и изменения размера больших пальцев для всех видео в моем слайдере, потому что это будет все более уместно делать ежедневно.

Заранее спасибо за любые предложения!

CSS: 

.black_alpha{
     display: none;
     position: absolute;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index:1001;
     -moz-opacity: 0.8;
     opacity:.80;
     filter: alpha(opacity=80);
}
     .video {
     display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 50%;
     height: 50%;
     padding: 16px;
     border: 16px solid orange;
     background-color: white;
     z-index:1002;
     overflow: auto;
}

HTML: 

<body>
**I want each thumb to link  to this** <a href = "javascript:void(0)" onclick = 
"document.getElementById('light').style.display='block'document.getElementById
('fade').style.display='block'"> 

<div id="light" class="video"> **this should show the video of the thumb clicked**
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'"></div>

<div id="fade" class="black_alpha"></div>

</body>

Я думал, что ползунок большого пальца не имеет значения, поэтому я не включил его.

1 Ответ

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

Вы можете использовать ffmpeg до для захвата изображений с видео . Он прост в использовании и просто должен быть установлен на вашем сервере. Вы можете запускать команды ffmpeg из php, используя exec () (примечание: это может потребоваться включить в вашем php.ini)

...