問題タブ [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.
javascript - cueVideo を使用すると YouTube のサムネイルがぼやける
JS からビデオを読み込もうとすると、何らかの理由でサムネイルがぼやけて表示されます。しかし、iframe 埋め込みコードを貼り付けるだけで、サムネイルは正常にレンダリングされます。
例:
http://codepen.io/anon/pen/wBvVZG
スクリーンショット:
スクリーンショットで youtube js API が読み込まれているように見えますがdefault.jpg、iframe の埋め込みが読み込まれますsddefault.jpg
レンダリングされるビデオは HTML5 ビデオです。MBP (Retina) 上の OSX 10.10 上の Chrome、Firefox、Safari でテスト済み
PS はい、JS で最初のビデオをロードする必要があります。ビデオ ID が別の場所から取得されているため、HTML ではロードできません。
iframe - Youtube iFrame API setPlaybackQuality がモバイル デバイスで無視される
YouTube iframe API をセットアップして、低品質の FullHD ビデオを再生しようとしています。私の目標は、モバイル デバイスの帯域幅を節約し、読み込み時間を短縮することです。私の HTML 構造は、従来のプレーヤー div と、メッセージ用のデバッグ div です。
HTML
setPlaybackQualityモバイル ユーザーがバッファリングで時間を無駄にしないように、プレーヤーの準備が整うとすぐに呼び出すようにしました (この投稿で提案されているように)。また、「BUFFERING」と「PLAYING」の両方の状態で呼び出しました。品質が変化すると、デバッグ コンテンツが実際の再生品質で更新されます。
ジャバスクリプト
コードはデスクトップでは動作するように見えますが (デバッグは正しく「小」に設定されています)、モバイルでは無視されます (デバッグは「大」に設定され、Android 4.2.2 でテスト済み)。これに対する解決策はありますか？
javascript - 「DOMWindow」で「postMessage」を実行できませんでした: https://www.youtube.com !== http://localhost:9000
これは私が得るエラーメッセージです:
http://www.youtube.comターゲットのオリジンがで受信者のオリジンがである他の同様の問題を見てきましたが、ターゲットが でオリジンがでhttps://www.youtube.comある私のようなものはありません。https://www.youtube.comhttp://localhost:9000
- 問題がわかりません。何が問題ですか？
- どうすれば修正できますか？
javascript - new YT.Player() 開発では動作するが、本番環境では動作しない
new YT.Player()開発では機能していますが、本番では機能していないようです。
このコードは、ビデオの再生時にいくつかの入力フィールドを更新することになっています。これは開発では行われますが、本番では行われません。
ライブページです。これは、それがどのように機能することになっているかを説明するビデオです。これは関連するGitHubコードです。
これをデバッグする方法が本当にわかりません。
- 何らかの理由で、
console.log()ステートメントが本番環境に表示されていないようです。それらがなければ、私は何をすべきかわかりません。 - ネットワークタブを確認したところ、APIコードが正常にダウンロードされているようです。
- エラー
heroku logsは表示されません。
javascript - iOS WebView Youtube インラインビデオ
iPhone アプリの WebView 内で youtube-video をインラインで再生したい。
YouTube iframe-api では、パラメーター「'playsinline': 1」を使用します。
サファリ開発ツール内のビデオタグを調べると、ビデオタグで
属性が正しく設定されています (...しかし、値がありません)。
とにかく、ビデオはインラインで再生されませんが、それでも Quicktime に切り替わります。
ただし、実行すると
YouTube iframe のコンテキストで Safari devtools を使用すると、次のようになります。
動画は最終的にインラインで再生されます。
これがバグであるかどうか、また、Safari Devtools で可能なように、Webview のメソッドからJS を YouTube iframeに挿入する回避策があるかどうか疑問に思っています。
javascript - Youtube Iframe API - プレイリストの終わりの検出
Youtube iframe API には、動画の終わりを検出するためのイベントがあります。埋め込まれたプレイリストで使用すると、このイベントはすべての動画の後に発生します。プレイリストの最後のビデオの終わりだけを検出したい。
これは私の試みです：
彼の問題は、これが2回トリガーされます。プレイリストの最後から 2 番目のビデオの最後で、プレーヤーの状態が ENDED になり、プレイリスト インデックスが 1 つ増えるため、トリガーが早すぎます。また、意図した唯一の結果であるプレイリストの最後のビデオの最後にもトリガーされます。
youtube - Youtube iframe が私のウェブサイトに埋め込まれていませんか?
「iframe」を介して YouTube 動画を埋め込みたいのですが、YouTube は私の国では禁止されています。私のウェブサイトに動画を埋め込む方法をお勧めします!
[1]: これは、私の国では YouTube にアクセスできないことを示す添付画像です。