Создание полноэкранного элемента в iframe

Я работаю над расширением для браузера, которое позволяет мне изменять содержимое других веб-сайтов.

Я знаю о allowfullscreen и о том, как сделать так, чтобы элемент внутри iframe отображался в полноэкранном режиме и занимал всю область просмотра. Но в этом вопросе я хочу выяснить, как я могу заставить элемент перейти в полноэкранный режим в пределах в iframe.

Сценарий:
Такие веб-сайты, как ГБО, используют position: absolute почти для каждого элемента своей страницы, включая элемент video. Когда вы пытаетесь развернуть видео на их странице в полноэкранном режиме, они определяют размер области просмотра и соответствующим образом масштабируют элементы, изменяя свойства width и height нескольких узлов. Это, в сочетании с сокрытием ненужных элементов, дает пользователям хороший полноэкранный режим. В результате их подхода крайне сложно изменить CSS этих элементов вручную.

Установка position: fixed; top: 0; left: 0; width: 100%; height: 100%; в элементе video на самом деле не работает, так как, по крайней мере, вам также потребуется стилизовать элементы управления видео.

Можно ли разрешить элементу «полноэкранный режим», но только в пределах iframe? Обратите внимание, что код Javascript веб-сайта должен выполняться так, как если бы он успешно переключался в полноэкранный режим, но только в пределах iframe.