Встраивание iframe плеера подкаста в пост?

Поддержка
1

Я пытаюсь заставить этот 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” в белый список, но ничего не работает.

Что я делаю не так?

2

Привет @BCHK,

Я выявил две проблемы.

Ваш URL iframe начинается с //html5-player.libsyn.com, тогда как вы добавили домен libsyn.com.
Добавление домена в разрешённые iframe не автоматически разрешает связанные поддомены.

Протокол также имеет значение.
Добавление https://html5-player.libsyn.com не сработает, так как ваш URL iframe начинается с // без указания протокола.

Чтобы правильно разрешить встраивание этого iframe, необходимо добавить следующий iframe в разрешённые:

//html5-player.libsyn.com

Вторая проблема заключается в том, что ваш iframe имеет атрибут width="100%". Атрибут width принимает только числовые значения (которые будут отображаться в пикселях, а не в процентах или других единицах измерения).

Если вы хотите, чтобы iframe занимал всю ширину поста, установите большое числовое значение, например width="1000", не указывая единицы измерения.

Кратко:

  • Добавьте этот разрешённый домен: //html5-player.libsyn.com

  • В атрибутах iframe замените width="100%" на width="1000"

Вот результат:

image
image985×329 36.1 KB