2013-10-15 5 views
0

Я в недоумении, почему мои видео Vimeo не отображаются в Shadowbox.Видео Vimeo не отображается в ShadowBox

Я думаю, что добрался до простейшей точки, которую я знаю, как это сделать, чтобы скопировать и вставить пример прямо с страницы github, а затем изменить пути теневых ящиков к правильным местам на моем сервере (для .js и .css).

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

Вместо этого страница просто потемнела (поэтому я знаю, что shadowbox TRYING что-то делает), но на экране не появляется видео или окно.

Я добавил простую ссылку с изображением на страницу примера, чтобы проверить, будет ли работать простое изображение. Оно делает.

Мой пример кода из: https://github.com/mjijackson/shadowbox/blob/master/examples/vimeo.html

код должен работать как ссылку Vimeo к дну здесь: http://www.shadowbox-js.com/index.html

Моя текущая рабочая страница может быть найдена по адресу: http://zanezmiller.com/hidden/video-test.html

Вот полный код страницы с примерами. Я пытаюсь добраться до работы: (Заранее спасибо за любую помощь)

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="/shadowbox/style.css"> 
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css"> 
<script type="text/javascript" src="/shadowbox/shadowbox.js"></script> 

<script type="text/javascript"> 
    Shadowbox.init({}, function() { 
     Shadowbox.setup('a[title="Egypt/Lebanon Montage"]', { 
     height:  360, 
     width:  640, 
     flashVars: { 
      clip_id: "7058755", 
      autoplay: "1" 
     } 
    }); 

    Shadowbox.setup('a[title="Shows Images Work"]', { 
     height:  360, 
     width:  640 
    }); 
}); 
</script> 
</head> 
<body> 
    <p>This example demonstrates how to display a Vimeo video in Shadowbox.</p> 
    <p><a href="http://vimeo.com/moogaloop.swf" title="Egypt/Lebanon Montage">Click Here</a></p> 
    <p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p>  
    <p><a title="Shows Images Work" href="http://upload.wikimedia.org/wikipedia/en/thumb/d/dd/G2Cloud_eso1151a.jpeg/200px-G2Cloud_eso1151a.jpeg">This shows images work</a></p> 


</body> 
</html> 
+0

URL http://vimeo.com/moogaloop.swf кажется неправильным? –

+0

Вот что я и подумал. Но moogaloop определенно прав. На странице примера это приводит к генерации кода, который выглядит следующим образом: stanparker

+1

Когда вы загрузили Shadowbox, вы выбрали вариант для видео? http://shadowbox-js.com/download.html Попробуйте проверить все флажки, чтобы увидеть, работает ли это, затем снимите флажок, пока он не перестанет работать, тогда вы знаете, что вам нужно ... –

ответ

1

Рад, что это сработало, я переформулирую комментарий, поэтому случайные посетители посчитали бы его полезным. :)

Убедитесь, что вы создаете библиотеку shadowbox с соответствующими параметрами, в противном случае используется конкретный режим теневого окна, который вы хотите использовать. См.: http://shadowbox-js.com/download.html

Смежные вопросы