問題タブ [youtube-javascript-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.
javascript - YouTube iframe API:すでにHTMLに含まれているiframeプレーヤーを制御するにはどうすればよいですか?
iframeベースのYouTubeプレーヤーを制御できるようにしたいと思います。このプレーヤーはすでにHTMLに含まれていますが、JavaScriptAPIを介してそれらを制御したいと思います。
APIを使用してページに新しいビデオを追加し、YouTubeプレーヤー機能を使用してそれを制御する方法を説明するiframeAPIのドキュメントを読んでいます。
このコードは、新しいプレーヤーオブジェクトを作成し、それを「player」に割り当ててから、#containerdiv内に挿入します。次に、「player」を操作して、、などを呼び出すことができplayVideo()
ますpauseVideo()
。
しかし、私はすでにページ上にあるiframeプレーヤーで操作できるようにしたいと思っています。
これは、次のような古い埋め込み方法で非常に簡単に行うことができます。
ただし、これは新しいiframeでは機能しません。すでにページにあるiframeオブジェクトを割り当てて、その上でAPI関数を使用するにはどうすればよいですか?
javascript - SWFObject.embedSWF() を使用して YouTube プレイリストを埋め込む
YouTube の JavaScript API を使用して、プレイリストを Facebook アプリに埋め込もうとしています。
ここでGoogle が示す標準コードを使用して単純なビデオを埋め込んでみましたが、うまくいきました。
コードは次のとおりです。
しかし、YouTube API を使用して Playlist を埋め込むにはどうすればよいでしょうか?
embedSWF URL パラメーターのプレイリスト パラメーターは認識していますが、その場でプレイリストを作成するように動画を追加します。
YouTube アカウントに既にプレイリストがあり、API を使用してそれを埋め込みたいと考えています。
これはどのように行うことができますか?
ありがとう!
html - Tumblr にビデオを埋め込むときに YouTube ビデオのタイトルを自動的に取得する
TumblrなのでHTML、CSS、Javascriptしか使えません。PHP はサポートされていません。
jquery - クリック時にYouTubeビデオを一時停止する方法がわかりません
私のユーザーは、iframe の代わりに YouTube が提供するタグを利用する古い埋め込み方法を使用しています。ユーザーが次のスライドをクリックしたときにビデオを一時停止できるように、ユーザーがプレーヤーを操作したときにプレーヤーの状態 (一時停止、再生中など) を検出する方法を見つけようとしています。
現在、Wordpress を使用しており、YouTube の埋め込みコードを貼り付けることができるメタボックスがあり、そのコード ブロックをスライダーに出力しています。私は自分のローカルホストで作業しています (例: http://mysite.dev )。知っておくべきことは、ユーザーがスライダーに複数のビデオを持つ可能性があるということです。
私の人生では、YouTube API を実行することはできません。
1) これは、ボックスに貼り付けている YouTube 埋め込みオブジェクトです。
2) このビデオは、次の div で作成したスライダーにあります。
私はJQueryを使用しており、次のようにAPIを呼び出してみました:
jQuery(document).ready(function($) {}); 内に含まれる stopCycle という関数があります。コード ブロックと、ユーザーが次のスライドをクリックしたときに呼び出す必要があるのはこの関数です。
だからここに私の質問があります:
- 外部 JavaScript ファイルを呼び出す必要はありますか?
- JQuery ドキュメントの準備完了ブロック内で YouTube API を呼び出して、ビデオが再生されているかどうかを確認するにはどうすればよいですか?
- コードに欠けているものや、確認する必要があるものは他にありますか?
YouTubeのURLだけ入力して、JQuery SWFObjectを使って動画を出力した方が良いのではないかと考えています。どのようにすればよいかわからないのは、各スライド (合計 5 つ) のビデオをループアウトすることです。では、各スライダーのビデオがあれば、どうすればよいでしょうか?
私は知っています... ここには質問がいっぱいです。
javascript - Youtube iframe API、イベントの購読
YouTube iframe API: 既に HTML に含まれている iframe プレーヤーを制御するにはどうすればよいですか?
ここでイベントを購読するにはどうすればよいですか? 動画の仕上がりに耳を傾けたいと思います。
php - 企業プロキシ用のフォールバックソリューションを使用してYouTubeビデオを埋め込む
YouTubeビデオの場合、代替ビデオソースが選択されるフォールバックソリューションを使用してYouTubeビデオを埋め込むことができるソリューション/機能に出くわしたことがあるかどうか疑問に思います。そして、ビデオのみです。-ブロックされています。
当社の企業クライアントの1つは、YouTubeから提供されるフラッシュコンテンツを排除するプロキシサーバーを介してWebにアクセスできます。具体的には、ytimg.comから提供されるものはすべてブロックされます。彼らのウェブサイトは製品ビデオにかなり重いので、彼らはクライアントが彼らのサイトでビデオを見ることができるのに彼ら自身のスタッフが見ることができないことを起動するのが面倒だと感じます。
助言がありますか?
javascript - カスタム YouTube プレーヤー サイズ + カスタム フォールアウェイ オーバーレイ ポスター画像?
私はこれまで、ライトボックスを使用して、ビデオを起動するための画像の「ボタン」を使用するだけで問題ありませんでしたが、最近、ある特定のシナリオでいくつかの要件が変更されました。
ニュース ローテータ領域内に含まれるページにカスタム領域があります。回転をなくし、事実上単なるメニューになりましたが、YouTube ビデオ プレーヤーのカスタム サイズを両方とも定義する必要があります (2 つのデフォルト サイズであるフル スクリーンは適切ではありません)。したがって、Flash にフォールバックして、できれば HTML5 の間でカスタム サイズを定義する方法を理解する必要があります。
次に、クリックすると YouTube プレーヤーが表示され、インタラクションなしで再生機能を有効にするために邪魔にならないオーバーレイ イメージが必要です。
ここに従うのに最適なプロセスは何ですか? いくつかの理由から、カスタム HTML5 プレーヤーよりも YouTube を使用したいと考えています (ただし、私が使用した優れたオプションもあります)。
ビデオの再生が完了したら、js を活用して別のオーバーレイ画像を表示できれば、大きなボーナスになります。
youtube - 埋め込まれた動画の「YouTubeで再生」オーバーレイを削除する
動画が埋め込まれているときに動画にオーバーレイされる[YouTubeで再生]ボタンを利用する方法はありますか?クロムレスのYouTubeプレーヤーの使用を検討しましたが、オーバーレイを削除する方法がわかりませんでした。誰かがこれを行う方法を試したり聞いたりしたことがありますか?
youtube - Youtube API ビデオ メッセージの送信
メッセージ用のYouTube APIを使用して、YouTubeメッセージを送信しています。ビデオメッセージを送信していて、リクエストボディにビデオIDを追加している場合にのみ機能します。動画がないとメッセージを送れません。ビデオなしで送信する他の API メソッドはありますか?
また、メッセージのタイトルを設定できません。サポートされていませんか?
また、メッセージの返信を送る方法はありますか?
javascript - iframe を非表示にするときに YouTube プレーヤーを一時停止する方法は?
に YouTube ビデオを含む非表示の div があり<iframe>
ます。ユーザーがリンクをクリックすると、この div が表示され、ユーザーはビデオを再生できるようになります。
ユーザーがパネルを閉じると、ビデオの再生が停止します。どうすればこれを達成できますか?
コード: