1

我试图让 JW Player 在 Meteor.js 中工作。我已经尝试过云托管和自托管,但无法让播放器显示。我不确定两者一起使用是否存在冲突。似乎它应该很简单,但我就是无法让它工作。任何建议都会很棒。

谢谢

<head>
<title>Mysite</title>

<script src="http://jwpsrv.com/library/mytoken.js"></script>
</head>
<body>
    <div id='my-video'></div>
    <script type='text/javascript'>
    jwplayer('my-video').setup({
        file: 'http://localhost:3000/mymp3.mp3',
        width: '640',
        height: '360'
    });
    </script>

</body>

这是我收到的错误消息:

资源解释为图像,但使用 MIME 类型 text/html 传输:"http://167.206.59.228/2-2573/a348fe94-6cbf-458f-8d56-8b69e6091c42_25.152.50.88/5.2.992971814237535". 167.206.59.228/:1

Request URL:http://167.206.59.228/2-2573/ec00f5c8-61a2-493b-a2e6-943f52ac381f_25.152.26.118/5.2.5313433578703552 Request Method:GET Status Code:200 OK Request Headersview source Accept:*/* Accept-Encoding:gzip,deflate,sdch Accept-Language:en-US,en;q=0.8 Cache-Control:max-age=0 Connection:keep-alive Host:167.206.59.228 Referer:http://localhost:3000/ User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.110 Safari/537.36 Response Headersview parsed HTTP/1.1 200 OK Server: PorchLight/6.0.20061.1302 Content-Type: text/html; charset=utf-8 Connection: Close Content-Length: 1

4

1 回答 1

1

Meteor 做的事情与你想象的不同。有一种 Meteor 方法可以构建你想要的东西。我已经根据您的代码构建了一个工作演示: https ://github.com/michaelbishop/so-jwplayer

让我试着一步一步地解释我改变了什么。

Meteor 真的很喜欢模板。要以 Meteor 的方式执行此操作,请将视频 div 移动<div id='my-video'></div>到模板:

<template name="video">
    <div id='my-video'></div>
</template>

这允许您对模板进行操作并执行诸如设置事件或运行 javascript 之类的操作。

接下来,将播放器代码移动到扩展名为 的文件中.js

jwplayer('my-video').setup({
    file: 'http://localhost:3000/mymp3.mp3',
    width: '640',
    height: '360'
});

您将希望视频播放器代码在页面呈现并加载库后对模板进行操作,如下所示:

Template.video.rendered = function () {
    jwplayer('my-video').setup({
        file: 'http://localhost:3000/mymp3.mp3',
        width: '640',
        height: '360'
    });
};

还有一个创建方法Template.video.created(在页面加载并且库可用后,您需要执行 jwplayer 设置代码。

最后,静态文件,mymp3.mp3需要放在public文件夹中。我找到了一个开源 mp3 并将其用于示例。

希望有帮助!祝你好运!

于 2013-06-11T21:32:30.707 回答