爆米花圖像插件不工作

我似乎無法得到爆米花圖像插件或任何其他插件的工作。我不知道爲什麼。這是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

我認爲你需要添加一個分號

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

除此之外，您還需要與ID image該div因爲你已經在目標提到它。

添加這樣的：

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

還添加高度和寬度視頻標籤內，而不是裏面的源標籤

來源

2014-04-30 07:47:21 aelor

爆米花圖像插件不工作

回答

相關問題