Масштабирование iframe в Google Slides - PullRequest
1 голос
/ 16 июня 2020

Я новичок в веб-дизайне и в настоящее время создаю онлайн-курс для своих студентов по 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? Заранее большое спасибо, Маркус

...