Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 28.09.2013
Сообщений: 14

Html5 тег <video>

22.11.2015, 20:02. Показов 843. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет, помогите разобраться.
Делаю видео проигрыватель к сайту уже почти все готово, осталась одна кнопка в панели управления "увеличить на весь экран".

Установил проигрыватель. Атрибут "controls" специально не прописывал так как делаю свои кнопки управления.

<video id="Video1" >
<source src="1.mp4" type="video/mp4" />
<source src="1.ogv" type="video/ogg" />
</video>

Установил "кнопку-картинка" для увеличения видео картинки на весь экран.
При нажатии которой запускается функция увеличения видео картинки.

<img id="imgscreen" onclick="launchFullScreen()" src="Картинка.png"> </img>

Сама функция увеличения видео картинки.

function launchFullScreen() {
var Video = document.getElementById("Video1");

if(Video.requestFullScreen) {
Video.requestFullScreen();

} else if(Video.mozRequestFullScreen) {
Video.mozRequestFullScreen();

} else if(Video.webkitRequestFullScreen) {
Video.webkitRequestFullScreen();

}
}

Все хорошо работает картинка растягивается на весь экран, все как надо.

Но столкнулся с проблемой, когда видео картинка увеличивается, в низу экрана появляется стандартная панель "Controls" которая отображает стандартные кнопки тега <video>. Но я не вписывал "Controls" изначально. Так как я делаю свои кнопки мне это не подходит. Подскажите пожалуйста как сделать что бы эта панель "Controls" не отображалась.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
22.11.2015, 20:02
Ответы с готовыми решениями:

Video в html5
Вставил видео на страницу, прописал controls, теперь когда страница открывается то контрольная панель сразу отображается и портится весь...

Autoplay video html5
На фон установлено видео &lt;div id = &quot;topVideoCover&quot;&gt; &lt;video src=&quot;#&quot; id = &quot;tVC&quot; autoplay loop width = &quot;100%&quot; type =...

Тег Video и Андроид
Ребят - делаю сайт под видеооператора. Клиент хочет фоном видео. На андроиде выскакивает запрос на воспроизведенние и размазывает весь...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.11.2015, 20:02
Помогаю со студенческими работами здесь

HTML5 VIDEO, youtube и vimeo
Здравствуйте! Подскажите, есть ли какой плагин, который позволяет управлять видео html5 video, youtube и Vimeo? Т.е. не меняя структуру....

Различие между событиями onplay и onplaying (html5 audio / video)
Объясните пожалуйста в чём различие событий onplay и onplaying и какое событие лучше использовать?

Как передать из тег <a> в тег <img>
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;Мои рисунки&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form name =...

HTML5 тег <video> (работа с сервером виртуальным и реальным)
Сразу попрошу, чтобы тему не перемещали в другой раздел.. Вот страница(извините за ссылку, конечно, что нашёл...) ): &lt;!DOCTYPE...

По какому протоколу HTML5 тег <video> получает видео поток с сервера?
Доброго времени суток господа. Суть вопроса в следующем. Есть HTML5 тег видео, который может проигрывать видео, и соответственно нет...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru