ビデオと字幕 · YouTube サムネイル ダウンローダーとメタデータ ビューアー
YouTube 埋め込みコードに含まれるもの: iframe URL、パラメータ、および nocookie
· 仕組み
YouTube 埋め込み html
埋め込みコードは、特定の URL を持つ小さな iframe です。この投稿では、各部分の機能、再生を変更するパラメータ、およびプライバシーが強化された youtube-nocookie.com ドメインの違いについて説明するため、ページに何を貼り付けているかがわかります。
読まずに貼り付ける HTML のブロック - 埋め込みコードとその中に実際に含まれるもの
iframe スニペットは実行可能なページ統合であり、装飾テキストではありません。 CMS に配置する前に、外側から内側に向かって読み取ります。ラッパーはスペースを予約し、iframe は閲覧コンテキストを作成し、src はリモート プレーヤーを選択し、支援技術用にフレームにタイトル ラベルを付け、選択された機能を許可します。このレビューにより、変更されたホストや、ビジュアル プレビューでは隠されていた予想外に広範な権限リストが明らかになります。
ToolAcre は、ローカル形状検証に合格したビデオ ID から開始し、それを固定テンプレートに挿入します。 ID はビデオを選択しますが、属性を追加したり、iframe を閉じたり、ホスト名を置き換えたりすることはできません。したがって、ブロックは上流の応答からコピーされたマークアップではなく、レビュー可能なアプリケーション出力です。
iframe とその src — youtube.com/embed/ とビデオ ID、およびそれがビデオではなくプレーヤー ページである理由
src は https://www.youtube-nocookie.com/embed/VIDEO_ID. です。これは、MP4、オーディオ ストリーム、画像、または内蔵プレーヤー パッケージではなく、リモート プレーヤー ドキュメントを識別します。 iframe が読み込まれると、ラッパーと記事が発行者に属している場合でも、そのスクリプトとメディアは YouTube インフラストラクチャのままになります。
生成と公開は別のイベントです。文字列の構築またはコピーはローカルで行われ、youtube-nocookie.com には接続されません。以前の Fetch アクションは i.ytimg.com を調査し、www.youtube.com からの oEmbed データをリクエストします。 nocookie リクエストは、ブラウザが iframe をレンダリングするときにのみ開始されます。したがって、CMS プレビューでは、公開前にサードパーティのアクティビティを開始できます。
幅、高さ、レスポンシブな埋め込み - サイズの意味とサイトがどのようにそれらを流動的にするか
ラッパーはアスペクト比を設定します: 16 / 9 一方、iframe はその幅と高さを埋めます。これは、すべてのソースビデオを記述するのではなく、レイアウトを制御します。ポートレートおよび古い 4:3 素材は、引き続き YouTube のプレーヤー画面内に表示されます。リモートドキュメントが到着する前にそのスペースを予約すると、記事の周りのレイアウトのずれが軽減されます。
フレームには、タイトル、ボーダーレス スタイル、loading="lazy"、allowfullscreen、strict-origin-when-cross-origin リファラー ポリシー、および固定許可リストも含まれています。遅延読み込みはブラウザーのヒントであり、スクロールする前にリクエストが発生しないことを保証するものではありません。同様に、allowfullscreen は強制せずに機能を許可し、ブラウザに任意の権限を与えるのではなく、要求されたプレーヤーの機能を制限します。
出荷されたスニペットは、任意の再生コントロールではなく、既知のデフォルトを使用します。
出荷されたスニペットは、オープンエンドの再生コンフィギュレーターではなく、既知のデフォルトを使用します。訪問者は、任意のクエリ テキストを追加したり、すべてのプレーヤー パラメータをネゴシエートしたりすることはできません。制限のないサフィックスは、不正な組み合わせが無視される可能性があり、自動再生がブロックされたままになる可能性があり、貼り付けられたパラメーターがインターフェイスで公開されていない動作を引き起こす可能性があるため、個別の検証が必要になります。
内部ヘルパーは制御されたオプションを受け入れることができますが、実装能力は製品で保証されるものではありません。 YouTube は他の場所で関連パラメータをサポートしているため、編集者は、自動再生、ループ、コントロール、キャプション、開始時間、またはおすすめの設定が公開されていると推測すべきではありません。現在の出力を検査し、実際に出力される属性のみを文書化します。
youtube-nocookie.com — プライバシー強化ドメインによって何が変わるのか、何が変わらないのか
プライバシー強化モードでは、埋め込み先が youtube-nocookie.com に変更されます。プレーヤーをローカル コードにしたり、データ交換を排除したりするものではありません。サービスはフレームを返すために必要なリクエストを受信し、再生によりプレーヤーとメディアのトラフィックが増加する可能性があります。ホスト名だけでは、すべての管轄区域、ブラウザーの状態、またはユーザーのアクションに対して 1 つのコンプライアンス結果が確立されるわけではありません。
パブリッシャーは、iframe が DOM に入るタイミングを決定する必要があります。サイトはそれをすぐにロードすることも、同意またはクリックするまでローカル ポスターを表示することもできます。 ToolAcre は同意マネージャーも遅延ローダーも提供しません。読み取り可能な nocookie-form iframe を提供します。サイト運営者は引き続き、通知、同意、コンテンツ セキュリティ ポリシー、およびフレーミング要件を評価する必要があります。
動作例: ToolAcre が生成したプライバシーが強化された iframe の読み取り
検証済み ID AbCdEf12345 とタイトル「A Maker’s Guide: “Measure Twice”」を持つ公開ビデオの場合、src は /embed/AbCdEf12345 で終わる必要があり、title 属性は引用符をマークアップとして扱わずに句読点を保持する必要があります。外側の要素は 16:9 ジオメトリを所有します。制限的な CMS は、応答性の高いラッパーを削除する間、iframe を保持する可能性があります。
ブロックとメタデータ パネルを比較します。タイトルでフレームにラベルを付けることができますが、ToolAcre は oEmbed の html フィールドをページに貼り付けません。 iframe を独立して構築し、属性値をエスケープします。 CMS が後で文字列を誤ってデコードまたは再構築した場合は、コピー ボックスのみに依存するのではなく、最終的に保存されたマークアップを検査してください。
これでカバーされないもの — 同意バナー、自動再生ポリシー、各ブラウザがサードパーティのフレームを処理する方法
いくつかの失敗により、同じ空白の四角形が生成されます。 CMS が iframe を削除したり、コンテンツ セキュリティ ポリシーがホストを拒否したり、拡張機能がホストをブロックしたり、所有者が埋め込みを無効にしたり、ビデオが利用できなくなったりする可能性があります。要求された機能にもかかわらず、自動再生が拒否されることもあります。有効な構文は、ブラウザー、発行者、プラットフォーム、または所有者の決定を無効にすることはできません。
ルックアップの失敗は早期に発生します。メタデータは転送に失敗するか、非成功ステータスを返すか、無効な JSON が含まれる可能性があります。画像は、404、別のエラー、120×90 プレースホルダー、またはデコードできないバイトを返す場合があります。有効な形状の ID から構築されたもっともらしい iframe は、ビデオが公開されているか、再生可能か、埋め込み可能であることを証明するものではありません。
ToolAcre は iframe を構築します。 oEmbed HTML は表示されません
信頼性の高い読み取りは機械的です。ID を検証し、公開表示ファクトを取得し、固定応答ラッパーを構築し、その iframe をプライバシーが強化されたホストに向けます。変数値とアプリケーションのデフォルトは表示されたままになります。生の oEmbed HTML はレンダリングされず、一般的なパラメーター エディターも約束されず、制限されたマテリアルへのアクセスを許可するフレームもありません。
ライフサイクルを実装記録に分割してください。 Fetch はポスターの証拠とスニペットのタイトルを取得します。生成されたマークアップのコピーはローカルです。後でレンダリングすると、youtube-nocookie プレーヤー コンテキストが作成されます。 CMS に埋め込まれた iframe には以前の検索とは異なる目的とデータ パスがあるため、プライバシー レビューでは最終的なプレーヤーのロードを個別に評価する必要があります。