フォーラムの投稿でこのiframeを機能させようとしていますが、問題が発生しています。
以下がiframeです。
<iframe title="Libsyn Player" style="border: none" src="//html5-player.libsyn.com/embed/episode/id/26030694/height/90/theme/custom/thumbnail/yes/direction/forward/render-playlist/no/custom-color/0d4d8c/" height="90" width="100%" scrolling="no" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
「libsyn.com」ドメインをホワイトリストに追加しましたが、まだ何も機能しません。
何が間違っていますか？
こんにちは @BCHK 様
2つの問題点を特定しました。
iframeのURLは //html5-player.libsyn.com で始まっていますが、追加されたドメインは libsyn.com です。
許可されたiframeにドメインを追加しても、関連するサブドメインが自動的に許可されるわけではありません。
プロトコルも重要です。
https://html5-player.libsyn.com を追加しても、iframeのURLがプロトコルを指定せずに // で始まっているため、機能しません。
このiframeを正しく埋め込めるようにするには、次のiframeを許可する必要があります。
//html5-player.libsyn.com
2つ目の問題は、iframeに width="100%" 属性があることです。 width 属性は数値のみを受け付けます（ピクセルとしてレンダリングされ、パーセンテージや他の単位ではありません）。
iframeで投稿の全幅を使用したい場合は、単位を指定せずに width="1000" のような高い数値に設定してください。
要約すると：
次の許可ドメインを追加してください： //html5-player.libsyn.com
iframe属性で、width="100%" を width="1000" に置き換えてください。
結果は次のとおりです。
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
