問題タブ [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 に答える
1879 参照

angularjs - YouTubeで現在のシーク位置を取得するには?

「angualr-YouTube-embed」ディレクティブを使用して、Angular Web アプリに YouTube プレーヤーを埋め込みます。その中で、再生中のビデオの現在のシーク位置を特定する必要があります。どうすればこれを解決できますか?

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

youtube-api - Youtube iFrame APIでビデオを自動再生する最良の方法は?... autoplayパラメーターとonReady event.target.playVideo

Youtube iFrame API ドキュメントから、ビデオを自動再生するには 2 つの異なる方法があるようです。Youtube プレーヤーの機能や影響は、一方の方法とは異なりますか?

方法 1:autoplay新しい Youtube プレーヤーを定義するときに、プレーヤー オプション内でパラメーターを「1」に設定します。

方法 2:「onReady」イベントが発生するまで待ってから、event.target.playVideo() を実行します。具体的には:

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

ios - iOS アプリ内に Youtube ビデオを HD で埋め込む

YouTube で生成された iframe を使用して iOS アプリに YouTube 動画を埋め込もうとしましたが、動画を HD で表示できません。

私が生成する iframe には、提案、プレーヤー コントロール、ベスト プライバシーはありません。vq=hd1080パラメータを入れようとしましたが、うまくいきvq=largeません。

同じサイズの画面を適用する iframe のサイズ:

WebView のサイズはフルスクリーンです。

0 投票する
4 に答える
19471 参照

cordova - オリジンが「https://www.youtube.com」のフレームが、オリジンが「file://」のフレームにアクセスするのをブロックしました

YouTube の URL があります。

これをローカルの html ファイルで使用すると、うまく再生されます。しかし、同じものをphonegap ios app htmlページに貼り付けてiosシミュレーターで実行すると、ビデオをクリックすると以下のエラーが表示されます:

解決:

それはシミュレーターではなく、モバイルで動作することであり、それが私の最終的な目標でした。

0 投票する
3 に答える
1941 参照

javascript - Revolution Slider: YouTube API Untrusted Origin、ただし 1 つのサーバー上のみ

ビデオが終了した後に自動再生してスライドするYouTubeビデオでRevolution Sliderを使用してWordPressサイトを開発しています。まったく同じセットアップと 3 つの環境 (ローカル、プライベート開発サーバー、クライアント サーバー) でサイトをテストしています。ローカルと開発者は正常に動作しています。クライアントのサーバーはビデオを表示しますが、自動再生も最後にスライドも取得しません。

クライアントサーバーのコンソールがこれを言っているのだろうか:

信頼できないオリジン: www.clientsdomain.com … www-embed-player.js:165

これはサーバーにのみ表示され、他の環境は正常に機能しています。そして、このエラーが原因で自動再生などに問題が発生しているようです。このメッセージは 0.5 秒ごとに連続して表示されます。

働く:

www.client.local

client.mydevserver.com

動作していません:

www.client.com

アップデート

スライドの HTML 出力 (プラグインによる出力 - 最後の 2 行でエラーが発生する可能性があります):

コンソール出力:

ここで実用的な例を見つけることができます(ただし、スライド 2、Vimeo)。

私の (ばかではないことを願っています) 質問は次のとおりです。この問題はドメイン名に関連している可能性がありますか? セットアップは 3 つの環境すべてで同一であり、すべてのドメインは非 ssl です。

ありがとうございました!

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

javascript - YTPlayer ツールバー iOS にフルスクリーン ボタンがない

iOS アプリで YTPlayer を使用しています。YTPlayer のツールバーのフルスクリーン ボタンが消えるまでは問題ありませんが、今はフルスクリーン ボタンが表示されません。フルスクリーン ボタンのない YTPlayer

代わりに、ビデオ品質ボタン、プレイリスト ボタン、YouTube で再生するボタンがありますが、これはあまり役に立ちません。これも以前にはありませんでした。ツールバーに全画面ボタンを表示する方法と、可能であれば不要なボタンを削除する方法。html ファイルの何かを変更する必要がありますか?

前もって感謝します。

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

youtube-iframe-api - 低品質で Youtube iFrame API ビデオを読み込む

現在、YouTube iFrame API を次の (かなり定型的な) コードでセットアップしています。

一長一短は、常に「中」品質でビデオをロードすることです。デスクトップでもモバイルでも、通話setPlaybackQuality('small')はビデオの品質に影響しません。

setPlaybackQuality('small')状態が BUFFERING または PLAYING になったときに onReady、onStateChangeを呼び出してみました。また、ビデオの再生中、未再生、または一時停止中に JavaScript コンソールで完全に個別に呼び出してみました。

これは、ユーザーが 3G/4G 接続でプレーヤーをロードしようとしているときに大きな問題を引き起こします。ビデオ ストリーミングの 3G が段階的に廃止されつつあることは理解していますが、かなりの数のユーザーがまだ 3G 接続で操作しており、144p でストリーミングできることで、実際には 3G でビデオを維持できるようになり、240p で 4G (非 LTE) でビデオを維持できるようになります。

品質オプションとして hd720 のビデオを選択すると、setPlaybackQuality('hd720') を呼び出すことができ、正常に動作します。

私の具体的な質問は、私の構成に低品質への切り替えを妨げるものはありますか? また、この制限を回避して再生品質を実際に変更するトリガーとなる特定のコマンドのセットはありますか?