Встроить H5P из Wordpress в R Bookdown

Question

Я пытаюсь добавить интерактивH5Pособенности для моегоbookdown.

Вы можете увидеть их в этой книге

https://www.bookdown.org/pbaumgartner/itns-exercises/chapter-01.html

Посмотрите, как автор встраивает элементы H5P, размещенные на его сайте Wordpress https://github.com/petzi53/itns-exercises/blob/master/001-research-questions.Rmd , вот так.<iframe src="https://peter.baumgartner.name/wp-admin/admin-ajax.php?action=h5p_embed&id=49" width="958" height="665" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://peter.baumgartner.name/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script>

У меня получается встроить H5Piframeкогда это приходит с https://h5p.org вот так

<iframe src="https://h5p.org/h5p/embed/1295995" width="1090" height="245" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *" title="SOEP Intrpduction"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

У меня есть элемент H5P на моем веб-сайте https://marco-kuehne.com/wp-admin/admin-ajax.php?action=h5p_embed&id=2 , но когда он встроен, мой браузер говорит

" Веб-сайт не позволит Firefox отображать страницу, если она встроена в другой сайт "

Проблема похоже на моем сервере. Кто-нибудь знает, как настроить сервер, чтобы разрешить встраивание этого элемента H5P? Спасибо

Answer 1

Ваш сервер настроен так, чтобы не разрешать встраивание своего содержимого в другие сайты - он устанавливает так называемые X-Frame-Options наsameorigin. Вам нужно решить эту проблему, настроив Content Security Policy.

Firefox намекает на эту проблему, если вы, кстати, нажмете «Подробнее».