問題タブ [videogular]

私は Videogular を使用しています。それは間違いありませんが、そのテーマはhttp://www.videogular.com/styles/themes/default/latest/videogular.cssにあるため、http:/ 呼び出しでのみ機能します。しかし、私のアプリケーションは安全な https でしか動作しません。http と https のクロス コールの問題。そこで、videogular css のコンテンツをダウンロードして、手動で実装してみることにしました。しかし、うまくいかないようです。誰でも助けてもらえますか？videogular css を手動でプロジェクトに統合する方法を教えていただくか、videogular から利用可能な https サポートがあるかどうかを教えてください。

私はビデオプレーヤーを持っています。ユーザーがvg-play-pause-buttonまたはvg-overlay-playをクリックしてストリームを開くためにサーバーにリクエストを送信すると、サーバーがホスト名とストリームが開始されているポートを返すときにキャッチする必要があります。

ポートは変更される可能性があるため、再生ボタンが押されたときに手動でソースを videogular に渡す必要があります。

私が試したコード。

意見：

角度コントローラー:

このコードでは何も起こりませんが、ソースが既に定義されているプレーヤーを初期化すると、プレーヤーは機能します。再生ボタンを押したときにソースを手動で追加するにはどうすればよいですか?

アップデート：

http リソースへの非同期リクエストが原因で、ソースの切り替えに問題がある可能性はありますか?

再生用のビデオファイルの構成は次のとおりです。

Crosswalk プラグインがインストールされている Android で動作しました (ただし、いくつかのバグがありました)。

http://blog.ionic.io/crosswalk-comes-to-ionic/

しかし、アプリに横断歩道を含めたくない理由がいくつかあります。

ということで、横断歩道延長なしで動画を再生してみました。

しかし、ビデオは iOS デバイスでのみ正常に再生されます。

Android デバイス (4.4) では動作しません。

次のようなファイルへの別のパスも試しました：

しかし、運がなければ。

ファイルへの正しいパスは何ですか?

アドバイスありがとうございます。

これは AngularJS での私の最初のプロジェクトであり、しばらく試してみたいと思っていたものです。Foundation Apps Framework (Angular 上に構築) を使用していますが、サービス変数の設定に問題があります。

サービス変数がアプリのプレーヤー (Videogular プラグインを使用) の「現在再生中」のトラックリストを格納するというアイデアは、ショッピング バスケットと同様の方法であると思います。

「現在再生中」のトラックリストを取得するのに問題はありませんが、トラックリストをテスト データで設定ng-click="setTracklist()できないようです (テスト目的で単純なボタンを使用) 。

どんな提案でも本当に感謝しています。非常に単純な問題のように思われる場合は、申し訳ありませんが、これは私にとって大きな学習曲線です。

サービス(app.js)

コントローラー(app.js)

Videogular コントロールで問題が発生しました。インストールプロセスのいくつかのステップが欠けているに違いありません。いくつかの記号フォントを含める必要があると思いますが、それを見つける場所と含める方法がわかりません。

コントロールには画像/シンボル/フォントがないように見えます-代わりに空の長方形が表示されます(スクリーンショットを投稿するのに十分な評判がありません)。含まれているファイルは次のとおりです。

モジュールに渡されるものは次のとおりです。

そしてコントローラーコード：

HTML (Twig) コード:

元のサイズが 1920x1080 のビデオがあります。基本設定チュートリアルの css を使用していますが、css のデフォルトの高さを 1080 に設定してみました。

これはオーバーフローのようです。実際にサイズを変更するのではなく、ビデオの残りの部分を非表示にするだけです。

構成では、次のように設定しています。

私は何を間違っていますか？