Видео
Я взял плеер с видео не на ютубе, делал все как в уроках,но теперь при адаптировании сайта для смартфонов у меня почему то плеер уезжает в правую сторону и его видно лишь на половину
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<meta name="description" content="КиноHistory- это сайт с хорошими историческими фильмами" />
<meta name="keywords" content="фильмы, исторические фильмы, hd, фильмы онлайн" />
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main">
<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="index.html">КиноHistory</a></h1>
<h2>История - наше все!</h2>
</div>
</div>
<div class="menubar">
<ul class="menu">
<li><a href="index.html">Главная</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="serials.html">Сериалы</a></li>
<li><a href="rating.html">Рейтинг фильмов</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
</div>
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Поиск</h2>
<form method="post" action="#" id="search_form" >
<input type="search" name="search_field" placeholder="Ваш запрос" />
<input type="submit" class="btn" value="Найти" />
</form>
</div>
<div class="sidebar">
<h2>Вход</h2>
<form method="post" action="#" id="login">
<input type="text" name="login_field" placeholder="Логин" />
<input type="password" name="password_field" placeholder="Пароль" />
<input type="submit" class="btn" value="Вход" />
<div class="lables_passreg_text">
<span><a href="#">Забыли пароль?</a></span> | <span><a href="#">Регистрация</a></span>
</div>
</form>
</div>
<div class="sidebar">
<h2>Новости</h2>
<span>31.02.2020</span>
<p>Мы запустились!!!!</p>
<a href="#">Читать</a>
</div>
<div class="sidebar">
<h2>Рейтинг фильмов</h2>
<ul>
<li><a href="#">Битва за Севастополь</a><span class="rating_sidebar">7.5</span></li>
<li><a href="#">Викинг</a><span class="rating_sidebar">4.6</span></li>
<li><a href="#">1917</a><span class="rating_sidebar">8.0</span></li>
<li><a href="#">Матильда</a><span class="rating_sidebar">5.7</span></li>
</ul>
</div>
<div class="sidebar">
<h2>Рейтинг сериалов</h2>
<ul>
<li><a href="show.html">Годунов</a><span class="rating_sidebar">7.5</span></li>
<li><a href="#">Екатерина</a><span class="rating_sidebar">8.0</span></li>
<li><a href="#">Рюриковичи</a><span class="rating_sidebar">8.6</span></li>
<li><a href="#">Чапаев</a><span class="rating_sidebar">7.3</span></li>
</ul>
</div>
</div>
<div class="content">
<h1>Годунов</h1>
<div style="max-width: 100%; position: relative; width: 100%; padding-bottom: 56%;"><iframe allowfullscreen frameborder="0" style="width: 100%; height: 100%; position: absolute;" src="https://player.vgtrk.com/iframe/video/id/1842614/start_zoom/true/showZoomBtn/false/sid/russiatv/?acc_video_id=episode_id/1987669/video_id/2032597/brand_id/62585"></iframe>
</div>
<div class="info_film_page">
<span class="label">Рейтинг:</span><span class="value"> 7.3/10</span>
<span class="label">Год:</span><span class="value"> 2018</span>
<span class="label">Режиссер:</span><span class="value"> Алексей Андрианов</span>
</div>
<hr>
<h2>Описание Годунова</h2>
<div class="description_film">
<img src="assets/img/годунов .png">
XVI век. Один из самых сложных и противоречивых периодов в истории страны.
Тревожная и героическая эпоха Российского царства.
Борьба за трон и неразделенная любовь, предательство и интриги, страсти и испытания эпохи – ставка в которой больше, чем жизнь. На кону – будущее Российского государства.
В основе сериала реальные исторические события, охватывающие период со времен окончания правления Ивана Грозного и до восшествия на русский престол Михаила Федоровича Романова – первого царя из династии Романовых.
</div>
<hr>
<h2>Отзывы</h2>
<div class="reviews">
<div class="review_name">
Александр
</div>
<div class="review_text">
Отличный сериал, рассказывающий историю правления одного из талантлейвиших царей России.
</div>
</div>
<div class="send">
<form method="post" action="#" id="review">
<input type="text" name="review_name" placeholder="Ваше имя">
<textarea name="review_text"></textarea>
<input type="submit" value="Отправить">
</div>
</div>
</div>
<div class="footer">
<p>
<a href="index.html">Главная</a> |
<a href="films.html">Фильмы</a> |
<a href="serials.html">Сериалы</a> |
<a href="rating.html">Рейтинг фильмов</a> |
<a href="contact.html">Контакты</a> |
</p>
<p>wh-db.com 2020</p>
</div>
</body>
</html>
