팝콘 이미지 플러그인이 작동하지 않습니다.

팝콘 이미지 플러그인이나 기타 플러그인을 작동시키지 못했습니다. 왜 그런지 모르겠습니다. file.js 안에있는 코드는 다음과 같습니다.팝콘 이미지 플러그인이 작동하지 않습니다.

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>

내가 빠진 것이 있나요?

출처

2014-04-30 user3407452

당신이 점점 오류를 내부 비디오 태그 내부의 높이 및 폭을 추가? – aelor

오류가 없습니다. 감사합니다. – user3407452

나는 당신이 세미콜론 떨어져 당신이 목표에 언급 한대로 또한 ID image하여 해당 사업부를 필요에서

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

을 추가 할 필요가 있다고 생각합니다.

은 다음과 같이 추가 :

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

또한 MP4 포맷은 모든 브라우저 및 viceversa에 의해 지원되지 않는 기억, 더 많은 파일 형식을 추가하는 것이 좋습니다. 이 같은

<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>

도하지 소스 태그

출처

2014-04-30 07:47:21 aelor

팝콘 이미지 플러그인이 작동하지 않습니다.

답변

관련 문제