1

JW Player を Meteor.js 内で動作させようとしています。クラウド ホスト型と自己ホスト型の両方を試しましたが、プレーヤーを表示できませんでした。2つを一緒に使用して競合があるかどうかはわかりません。それはかなり簡単なはずですが、私はそれを機能させることができません。どんな提案も素晴らしいでしょう。

ありがとう

<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 は、予想とは異なる動作をします。あなたが望むものを構築する流星の方法があります。あなたのコードに基づいて動作するデモを作成しました: 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) もありますが、ページがまだ読み込まれておらず、JavaScript ライブラリがまだ読み込まれていないため、機能しません。ページが読み込まれ、ライブラリが利用可能になった後に実行するには、jwplayer セットアップ コードが必要です。

最後に、静的ファイルなどをフォルダーmymp3.mp3に配置する必要があります。publicオープン ソースの mp3 を見つけて、それを例に使用しました。

それが役立つことを願っています! 幸運を！

于 2013-06-11T21:32:30.707 に答える