6

私はプレーヤーについていくつかの一般的な疑問を持っています。私はそれらをリストします：

  1. video.js は HLS ビデオ形式をサポートしていますか? もしそうなら、どのプラットフォームで？(ブラウザ、デバイス、ブラウザ...?)。申し訳ありませんが、Web サイトでこれを検索しましたが、何も見つかりませんでした。

  2. Ogg と MP4 のファイル形式が最もサポートされているファイル形式であり、WebM はそれほどサポートされていないことがわかりました。WebM とは何かを検索しましたが、それは HLS ですか? Web サイトに記載されていないファイル形式以外にサポートされているファイル形式はありますか?

  3. video.js は動画広告と Google アナリティクスをサポートしていますか?

  4. 再生機能。ビデオの最後のリストのようなもので、別のビデオを選択できます。それは可能ですか？

  5. アダプティブ ストリーミングのサポートはありますか? つまり、変化するネットワーク条件に基づいて、Web ページに配信されるビデオの品質を調整しますか?

  6. スキンを作成して適用するプレーヤーを簡単にカスタマイズできますか? たとえば、自分の Web サイトのシンボルをプレーヤーに配置することはできますか?

だと思います。

誰かが助けてくれたらとてもうれしいです。

4

3 に答える 3

13

video.js は HLS ビデオ形式をサポートしていますか? もしそうなら、どのプラットフォームで？(ブラウザ、デバイス、ブラウザ...?)。申し訳ありませんが、Web サイトでこれを検索しましたが、何も見つかりませんでした。

はい、現在、HTML5 (iPhone、デスクトップ Safari) を介してサポートしているすべてのプラットフォームで、ソースの「application/x-mpegURL」MIME タイプを使用しています。まもなく、すべてのデスクトップでも HLS がサポートされます。

Ogg と MP4 のファイル形式が最もサポートされているファイル形式であり、WebM はそれほどサポートされていないことがわかりました。WebM とは何かを検索しましたが、それは HLS ですか? Web サイトに記載されていないファイル形式以外にサポートされているファイル形式はありますか?

実際、WebM、MP4、および Ogg はすべて、エンド ユーザー サポートに関する限り、非常に密接に結びついています。WebM は Ogg のようにオープンで自由な形式ですが、圧縮率が少し優れています。WebM は HLS ではありません。HLS は、MPEG-TS ビデオ ファイル セグメントのプレイリストです。

ここに画像の説明を入力

video.js は動画広告と Google アナリティクスをサポートしていますか?

後で。

再生機能。ビデオの最後のリストのようなもので、別のビデオを選択できます。それは可能ですか？

あなたはそれを自分で構築することができます。そのための事前に作成されたソリューションはまだありません。

アダプティブ ストリーミングのサポートはありますか? つまり、変化するネットワーク条件に基づいて、Web ページに配信されるビデオの品質を調整しますか?

HLSを通じて、はい。

スキンを作成して適用するプレーヤーを簡単にカスタマイズできますか? たとえば、自分の Web サイトのシンボルをプレーヤーに配置することはできますか?

Video.js はすべてオープン ソースであり、スキンは HTML、CSS、および JavaScript を使用して構築されています。これらのテクノロジに慣れている場合は、希望どおりに見えるようにするのは難しくありません。

まとめ
過去数年間、Video.js は私のサイド プロジェクトでしたが、Zencoder (私の会社) は Brightcove に買収され、今ではフルタイムで作業し、Brightcove プレーヤー チームの助けを得ています。ですから、大きなことが起こることを期待してください。また、インスピレーションを感じた場合は、いつでも喜んでお手伝いします。

于 2012-12-14T21:31:49.283 に答える
2

そのフラッシュは互換性がありますか？

はい: 適切に構成されていれば、ブラウザーが<video>要素をネイティブにサポートしていない場合、組み込みの Flash プレーヤーを使用するようにフォールバックします。

そして、それを無効にすることができます。たとえば、常に Flash プレーヤーを使用するように強制することができます。

于 2013-02-25T20:14:37.127 に答える
1

次の API カスタマイズを使用して、Google アナリティクスで VideoJS 3.2 ビデオ イベントを追跡できます。

// Once the video is ready
_V_("video-embed-1234").ready(function(){

    // Google Analytics event tracking
    var trackGaEvent = function() {
        var playerState = this;

        // Determine time
        var date = new Date( event.timeStamp );

        var hours = date.getHours();
        if ( hours < 10 ) hours = "0" + hours.toString();
        var minutes = date.getMinutes();
        if ( minutes < 10 ) minutes = "0" + minutes.toString();
        var seconds = date.getSeconds();
        if ( seconds < 10 ) seconds = "0" + seconds.toString();

        var formattedTime = hours + ':' + minutes + ':' + seconds;

        // Log event
        var gaCategory = 'VideoJS';
        var videoId = playerState.id;
        var playerStateUrl = videoId.replace('benchfly-embed-', 'https://secured.benchfly.com/player/') + '/';
        _gaq.push([ '_trackEvent', gaCategory, event.type, playerStateUrl, formattedTime, false ]);
    };

    // Attach GA tracking to event listeners
    this.addEvent( "play", trackGaEvent );
    this.addEvent( "pause", trackGaEvent );
    this.addEvent( "load", trackGaEvent );
    this.addEvent( "ended", trackGaEvent );
    this.addEvent( "volumechange", trackGaEvent );

});
于 2013-01-07T17:35:55.653 に答える