У вас фрейм ограничен размерами, позиционируется по центру (в body стоит text-align: center и сверху отступ - margin-top: 9%; там же в боди) отсюда и отступ.
поставьте размер фрейму в процентах 100% и уберите отступ:
<body style="text-align: center; align-items: center; transform: rotate(90deg);">
<iframe src="ссылка на трансляцию" width="100%" height="100%" frameborder="0"
allowfullscreen="allowfullscreen"></iframe>
</body>
UPD:
попробуйте так:
<body style="margin:0;padding:0;overflow:hidden;transform:rotate(90deg)">
<iframe src="ссылка на трансляцию" style="width:100vw;height:100vh;border:0" allowfullscreen="allowfullscreen"></iframe>
</body>
UPD2:
вот так должно работать:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Live</title>
<style>
body{
background-color: red;
}
html, body, iframe{
margin: 0;
padding: 0;
}
body {
transform: rotate(90deg);
overflow: hidden;
}
iframe {
width:100vh;
height:100vw;
border:0;
}
</style>
</head>
<body>
<iframe src="https://vk.com/video_ext.php?oid=-186018794&id=456239023&hash=5e067f6f701bf75e"
allowfullscreen="allowfullscreen"></iframe>
</body>
</html>
