文章/答案/技术大牛

发布

问爆米花图像插件不工作
EN

Stack Overflow用户

提问于 2014-04-30 07:25:29

回答 1查看 211关注 0票数 0

我只是不能得到爆米花图片插件或任何其他插件的工作。我不知道为什么。下面是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>

我遗漏了什么吗？

javascript

html

syntax

popcornjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-04-30 07:47:21

我想你应该加上那个分号

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

除此之外，您还需要id image的div，正如您在target中提到的那样。

添加如下：

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

还在视频标签中添加高度和宽度，而不是在源标记中添加

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23382076

复制

相似问题

问爆米花图像插件不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问爆米花图像插件不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问爆米花图像插件不工作
EN