コメントにYouTube、SoundCloudなどを埋め込む

新機能

人々は議論の中で動画やトラックを共有することが好きです。これまで、YouTubeやSoundCloudの埋め込みをコメントに貼り付けても、あまり効果がありませんでした。生の<iframe>はセキュリティのために削除されるか、コードブロックに包まれてしまいました。

今では、サイトでメディアの埋め込みをオンにすることができます。これがオンになると、コメント投稿者はプロバイダーから直接埋め込みコードを貼り付けることができ、それが他のページと同じようにインラインで表示されます。

人々が「共有」または「埋め込み」ボタンからコピーするスニペットは以下の通りです：

埋め込みが有効なコメントにそれを貼り付けると、実際のプレイヤーが表示されます。

信頼されたプロバイダーのみに制限

任意のiframeをページに追加することは実際のセキュリティリスクがあるため、ただ開放したわけではありません。埋め込みはYouTube、Vimeo、SoundCloud、Spotify、Bandcamp、Twitch、Dailymotionなどの信頼されたプロバイダーの組み込みリストに制限されています。

コメントに他の場所を指すiframeが含まれている場合、コメントが保存されるときにそのiframeは削除されます。<script>タグやonload=トリックから保護するための同じサニタイズ処理は、すべてのコメントに対して実行されます。埋め込みはその上に慎重に制限された追加の許可です。

独自のプロバイダーを追加する

組み込みリストにないプロバイダーを使用している場合は、それを許可することができます。「追加の埋め込みドメイン」フィールドに、組み込みのプロバイダーに加えて信頼する追加のホスト名をリストします。

マッチングは正確なホスト名によるため、埋め込まれたコンテンツが読み込まれる完全なホストを追加してください。例えば、player.example.comのようにします。リストに載せないものはブロックされたままです。

有効にする方法

これはウィジェットカスタマイズページのサイトごとの設定で、画像アップロードオプションのすぐ隣にあります。「メディア埋め込みを許可しますか？」をチェックして保存します。コードや再デプロイは不要です。

他のコンテンツ設定と同様に、これはカスタマイズルールごとのものであるため、1つのサイトまたはページセットで埋め込みをオンにし、他の場所ではオフにすることができます。

両方のエディターで動作

貼り付けは、プレーンなコメントボックスとWYSIWYGエディターの両方で機能します。プレーンボックスでは、埋め込みコードはテキストとして入力され、送信時にプレイヤーになります。WYSIWYGエディターでは、埋め込みがすぐにブロックとして表示され、隅に小さな削除ボタンがあるので、間違えた場合は簡単に削除できます。

結論

埋め込みはデフォルトでオフになっているため、オンにしない限り、サイトには何も変更はありません。オンにすると、コメント投稿者は動画やトラックを共有するためのより良い方法を得られ、既に持っているセキュリティ保証を維持できます。

オンにして、動画を貼り付け、あなたの意見を下に教えてください。

乾杯！