問題タブ [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.
angularjs - YouTubeで現在のシーク位置を取得するには?
「angualr-YouTube-embed」ディレクティブを使用して、Angular Web アプリに YouTube プレーヤーを埋め込みます。その中で、再生中のビデオの現在のシーク位置を特定する必要があります。どうすればこれを解決できますか?
youtube-api - Youtube iFrame APIでビデオを自動再生する最良の方法は?... autoplayパラメーターとonReady event.target.playVideo
Youtube iFrame API ドキュメントから、ビデオを自動再生するには 2 つの異なる方法があるようです。Youtube プレーヤーの機能や影響は、一方の方法とは異なりますか?
方法 1:autoplay
新しい Youtube プレーヤーを定義するときに、プレーヤー オプション内でパラメーターを「1」に設定します。
方法 2:「onReady」イベントが発生するまで待ってから、event.target.playVideo() を実行します。具体的には:
ios - iOS アプリ内に Youtube ビデオを HD で埋め込む
YouTube で生成された iframe を使用して iOS アプリに YouTube 動画を埋め込もうとしましたが、動画を HD で表示できません。
私が生成する iframe には、提案、プレーヤー コントロール、ベスト プライバシーはありません。vq=hd1080
パラメータを入れようとしましたが、うまくいきvq=large
ません。
同じサイズの画面を適用する iframe のサイズ:
WebView のサイズはフルスクリーンです。
cordova - オリジンが「https://www.youtube.com」のフレームが、オリジンが「file://」のフレームにアクセスするのをブロックしました
YouTube の URL があります。
これをローカルの html ファイルで使用すると、うまく再生されます。しかし、同じものをphonegap ios app htmlページに貼り付けてiosシミュレーターで実行すると、ビデオをクリックすると以下のエラーが表示されます:
解決:
それはシミュレーターではなく、モバイルで動作することであり、それが私の最終的な目標でした。
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 です。
ありがとうございました!
javascript - YTPlayer ツールバー iOS にフルスクリーン ボタンがない
iOS アプリで YTPlayer を使用しています。YTPlayer のツールバーのフルスクリーン ボタンが消えるまでは問題ありませんが、今はフルスクリーン ボタンが表示されません。
代わりに、ビデオ品質ボタン、プレイリスト ボタン、YouTube で再生するボタンがありますが、これはあまり役に立ちません。これも以前にはありませんでした。ツールバーに全画面ボタンを表示する方法と、可能であれば不要なボタンを削除する方法。html ファイルの何かを変更する必要がありますか?
前もって感謝します。
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') を呼び出すことができ、正常に動作します。
私の具体的な質問は、私の構成に低品質への切り替えを妨げるものはありますか? また、この制限を回避して再生品質を実際に変更するトリガーとなる特定のコマンドのセットはありますか?