2014-04-30 2 views
0

Я просто не могу получить плагин для попкорна или любые другие плагины для этого. И я не знаю, почему. Вот код, который находится внутри file.js.popcorn image плагин не работает

var popcorn = Popcorn("#video1") 
    popcorn.play() 

     popcorn.image({ 
     start: 5, 
     end: 15, 
     src: "http://www.usm.edu/news/sites/default/files/Prism%20Concert.jpg", 
     target: "image" 
     }); 

Это код, который находится в файле file.html.

<div><video id="video1"> 
<source src="videos/Makeurbed.mp4" height="400" width="800"> 
</video></div> 

Вот код, который ссылается на файл file.js на мой file.html. Это внутри моего html-файла.

<head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script> 
    <script src="js/popcorn-complete.min.js" type="text/javascript"></script> 
    <script src="js/file.js" type="text/javascript"></script> 
</head> 

Есть ли что-то, что мне не хватает?

+0

любые ошибки, которые вы получаете? – aelor

+0

ошибок нет – user3407452

ответ

0

Я думаю, что нужно добавить, что точка с запятой

var popcorn = Popcorn("#video1"); 
popcorn.play(); 

помимо этого необходимо также, что DIV с идентификатором image, как вы уже упоминали его в цель.

добавить так:

<div><video id="video1" height="400" width="800" controls> 
<source src="videos/Makeurbed.mp4"> 
</video></div> 
<div id="image"></div> 

также помнить, что формат mp4 не поддерживается всеми браузерами и наоборот, это всегда лучше, чтобы добавить больше форматов файлов.

так:

<div><video id="video1" height="400" width="800" controls> 
<source src="videos/Makeurbed.mp4"></source> 
<source src="videos/Makeurbed.ogv"></source> 
<source src="videos/Makeurbed.webm"></source> 
</video></div> 
<div id="image"></div> 

также добавить высоту и ширина внутри тега видео, а не внутри исходного тега

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