В начале не было стандартизации того, как стили работали, каждый браузер реализовал то, что считал правильным. Одна из причин, по которой вы видите так много вопросов об ошибках стиля в IE, заключается в том, что IE был браузером с большинством различий в других браузерах с точки зрения стилизации. Хотя IE улучшился, и поэтому у других браузеров они по-прежнему применяют свои собственные границы, дополнения и поля, масштабирование, шрифты для элементов, чтобы придать своим собственным уникальным ощущениям страницы. Например, хром дает свои собственные желтые границы текстовым полям. «Сброс» фактически «сбрасывает» все эти стили до нуля / нет, так что вы не видите стилей, которые вы не применяли на своей странице.
Если эти стили не «перезагружены», вы увидите нежелательные стили / эффекты и все, что может сломаться. Его всегда рекомендуется «перезагрузить» стили браузера.
Посмотрите на эту статью Если вы сбросите свой CSS?
Взято из: Видео HTML5 - программно показать / скрыть элементы управления
<video id="myvideo">
<source src="path/to/movie.mp4" />
</video>
<p onclick="toggleControls();">Toggle</p>
<script>
var video = document.getElementById("myvideo");
function toggleControls() {
if (video.hasAttribute("controls")) {
video.removeAttribute("controls")
} else {
video.setAttribute("controls","controls")
}
}
</script>