問題タブ [youtube-iframe-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1516 参照

javascript - Youtube iframe api Uncaught TypeError: オブジェクトは関数ではありませんか?

だから私はYouTubeのプレイリストをロードしています:

そして、私はこのエラーが発生しています: ここに画像の説明を入力

奇妙な部分は、プレイリストが約 1 秒間正常に読み込まれ、その後中断してそのエラーが発生することです。

申し訳ありませんが、周囲のコードは次のとおりです。

エラーが発生しても、すべてのビデオ リストは正しくフォーマットされています。Console.log はこれを確認します。

0 投票する
0 に答える
77 参照

javascript - Chromecast 中に Youtube Iframe の状態を取得する

Youtube iFrame API を使用して Youtube プレーヤーを埋め込むページがあります。このプレーヤーを使用して、Chromecast デバイスのデフォルトの Youtube レシーバー アプリケーションにYoutube ビデオを送信します。

Chromecast に接続されている場合、プレーヤーによってスローされるイベントが同じではないことに気付きました。たとえば、Chromecast で再生している場合でも、一時停止中または再生中と表示されることはありません。

私の質問は、これらのイベントをより適切に処理するために、埋め込まれた Youtube プレーヤーがデバイスに接続されているかどうかを知る方法はありますか?

ありがとう!

0 投票する
1 に答える
659 参照

angularjs - 外部JSファイルがロードされるまでコントローラ(angularjs)の実行を遅らせる方法は?

私はすでにAngularをブートストラップしたYoutube APIベースのプロジェクトに取り組んでいます。外部 JS を呼び出して iFrame API js ファイルを最初にロードし、次に angular が特定のルートで動作できるようにする必要があるときに問題が発生します。

問題は、ロード直後にYoutube iFrame API がonYouTubeIframeAPIReady()関数を呼び出し、この関数がid = 'player' のhtml 要素を必要とし、この iFrame API を特定のビューでのみロードしたいことです。したがって、 id='player'を持つ要素が見つからないため、iFrame API をインデックス ファイルから呼び出すことはできません

しかし、ビュー自体の 1 つから呼び出すと、API がYTPlayer オブジェクトを作成するのに時間がかかります。その間、コントローラーはそれを呼び出したはずですが、見つかりませんでした。

どうすればいいですか?

Resolve の概念はまだ学習中なので、このシナリオでどのように活用できるかわかりません。

0 投票する
0 に答える
63 参照

youtube - Youtube iFrame 'player' オブジェクトのメソッドにアクセスできません。理由は何ですか?

画像でわかるように、コンソールでプレーヤー オブジェクトを印刷するとすべてのメソッドが表示されますが、キーを個別に印刷するとアクセスできません。これは、プレーヤー オブジェクトのメソッドが機能していないことを示しています。私は何をすべきか?

0 投票する
2 に答える
5547 参照

html - ブートストラップレスポンシブ埋め込みが期待どおりに機能しない

Bootstrap 3.1 のグリッド システムにビデオを埋め込むと、ビデオがグリッド列の全幅に拡大されません。縦横比を維持したまま、親列に対して 100% 幅にする方法は? また、4:3 のビデオを使用しても、ブラウザでは高さが非常に低く、非常に広く表示されます。ここに私のコードがあります:

0 投票する
0 に答える
261 参照

youtube-api - YouTube iframe でビデオを再生するときにアクセス トークンを提供するにはどうすればよいですか?

私はいくつかのサブスクリプション チャンネルを持つ youtube アカウントを持っています。そのうちの 1 つが有料 (PiXL) です。PiXL を含む購読チャンネルのリストと、利用可能なすべてのビデオのメタデータを正常に取得できます。

YT.player (iframe API) を使用して動画を再生しています。PiXL ムービーを再生しようとすると、プレーヤー ウィンドウではなく、チャンネル登録のオファーが表示されます。

YT.player にアクセス トークンを提供して、私がビデオの再生を許可されていることをプレーヤーが認識できるようにする方法はありますか?

0 投票する
0 に答える
1016 参照

youtube - Javafx WebView と Youtube ビデオ

JavaFX を使用して単純な Web ブラウザーを作成していますが、YouTube ビデオの再生に問題があることがわかりました。問題を再現するには、次の単純なコードを実行します。

YouTube ビデオを再生しようとすると、動作することもありますが、「エラーが発生しました。後でもう一度試してください」というメッセージが表示されることがよくあります (同じムービーで)。私の知る限り、JavaFX は Webkit を使用しているため、Chrome/Firefox での youtube (html5) ビデオの再生と WebView の使用に大きな違いはありません。JRE 1.8.0、1.8.20、および 2 つの異なるノートブックを試しましたが、役に立ちませんでした。

ビデオが何らかの形で機能し始めると、エラー メッセージが表示されます。

したがって、これら 2 つの問題は、webview のメモリ リークに関連している可能性があると思います。私は正しいですか、それともこの問題を解決するための他の解決策があると思いますか?

0 投票する
0 に答える
2425 参照

iframe - YouTube iframe API http / https プロトコルとオリジンの問題

YouTube iframe API でさまざまな http/https および origin エラーが発生しますが、これは Safari のみの問題です (ほとんどのバージョンでバージョン 7.0.4 を使用していると思います)。

次のエラーが表示されます。

https://www.youtube.comにメッセージを投稿できません。受信者のオリジンはhttp://example.comです。

と:

オリジンが「 https://www.youtube.com 」のフレームが、オリジンが「 http://example.com 」のフレームにアクセスするのをブロックしました。アクセスを要求するフレームのプロトコルは「https」、アクセスされるフレームのプロトコルは「http」です。プロトコルが一致する必要があります。

その結果、動画は黒のままになり、動画内に再生アイコンが表示されることがあります。多くの場合、ビデオはかなりランダムに読み込まれます。ビデオ自体は自動的に再生されるため、クリックする必要はありません。他のすべてのブラウザーは正常に動作します。

Origin パラメータは、YTPlayer を作成するときに次のように設定されています。

YouTube 自体は次のように読み込まれます。

「 http://www.youtube.com/iframe_api」を指定してみました。同じエラーが発生します。私のドメインは https ではなく http です。これが問題の根本原因だと思います。YouTube のデフォルトが https になるのを止める方法がわかりません。