Я новичок в веб-дизайне и в настоящее время создаю онлайн-курс для своих студентов по Moodle. Я хотел бы масштабировать содержимое iframe встроенной презентации Google Slides в соответствии с родительским окном. Я нашел решение для этого на response-google-slides :
.google-slides-container{
position: relative;
width: 100%;
padding-top: 60%;
overflow: hidden;
}
.google-slides-container iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Затем оберните код Google Slides в теги:
<div class="google-slides-container">
[Your Google Slides Embed iFrame Code]
</div>
Моя проблема в том, что У меня нет прав администратора (нет доступа к заголовку документов, CSS таблицам стилей и c.) В Moodle. Я ищу способ включить эти атрибуты в тело документа. Я пытался включить теги стиля, но Moodle всегда их перезаписывает. Есть ли способ создать два класса «google-slides-container» и «google-slides-iframe» с JavaScript или включить эти атрибуты в теги div? Заранее большое спасибо, Маркус