Как открыть видео в отдельном окне мозила

Обновлено: 06.07.2024

Функция Картинка в Картинке позволяет вам отсоединять видео от веб-страницы в плавающее окно, расположенное всегда поверх всех окон, для просмотра во время продолжения работы в других вкладках.

Вы можете открывать несколько окон Картинка в картинке, а также перемещать их и изменять их размеры по своему вкусу. Вы можете перемещать или изменять размеры окна Картинка в картинке по своему вкусу.

Оглавление

Включение

Переключатель функции Картинка в Картинке появляется, когда вы наводите курсор мыши на видео. Если щёлкнуть по нему, исходное видео откроется в окне плеера Картинка в картинке.

toggle picture in picture

PiPv2

Если вы никогда не использовали прежде функцию Картинка в картинке, она появится в виде небольшого голубого прямоугольника, который выдвигается при наведении на него курсора, чтобы пояснить суть функции.

PiPIcon

Если же вы использовали функцию Картинка в картинке, она появится в виде значка поверх видео:

Эта функция разработана так, что поддерживает большинство веб-видео. При этом некоторые видео не отображают переключатель при наведении на него. Мы отображаем его только для тех видео, которые включают в себя аудио-дорожку, а также имеют достаточный размер и метраж.

Обратите внимание, что переключатель не появляется при отображении видео в полноэкранном режиме.

Полноэкранный режим

Дважды щёлкните в окне плеера Картинка в Картинке, чтобы просмотреть видео в полноэкранном режиме. Дважды щёлкните ещё раз, чтобы выйти из полноэкранного режима.

Контекстное меню

Ещё один способ получить доступ к функции Картинка-в-Картинке – контекстное меню. Если щёлкнуть правой кнопкой мыши по веб-видео, вы иногда увидите медиа-контекстное меню, которое выглядит так:

В этом контекстном меню будет присутствовать элемент Картинка в Картинке, который вы можете использовать для включения функции.

Многие сайты, однако, имеют затруднения с доступом к контекстному меню для веб-видео. Например, Youtube переопределяет контекстное меню по умолчанию собственным.

Вы можете получить доступ к встроенному контекстному меню по умолчанию либо зажав Shift при щелчке правой кнопкой, либо с помощью двойного щелчка правой кнопкой.

Когда видео отображается на полном экране, пункт меню Картинка в Картинке не виден в контекстном меню. Вы должны выйти из полноэкранного режима, чтобы переключиться на Картинка в Картинке через синий переключатель или контекстное меню. (Примечание: Горячие клавиши работают в полноэкранном режиме.)

Сочетания клавиш

Чтобы получить доступ с помощью клавиатуры, используйте комбинацию Ctrl + Shift + ] Cmd + Shift + ] или Ctrl + Shift + > Cmd + Shift + > . Firefox попытается запустить наиболее подходящее видео на странице в окне Картинка-в-Картинке.

Для управления воспроизведением и громкостью доступны следующие комбинации клавиш:

  • Ctrl + ↓ command + ↓ : Отключить звук
  • Ctrl + ↑ command + ↑ : Включить звук
  • ↓ :: Уменьшение громкости
  • ↑ : Увеличение громкости
  • ← : Вернуться на 15 секунд назад
  • → : Перемотать на 15 секунд вперёд
  • Ctrl + ← command + ← : Перемотать назад на 10%
  • Ctrl + → command + → : Перемотать вперёд на 10%
  • Home : Перейти к началу видео
  • End : Перейти к концу видео
  • Пробел : Пауза/Продолжить

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

playing in picture-in-picture

Если вы предпочитаете отключить синий переключатель, чтобы он не появлялся поверх видео, есть два лёгких способа сделать так. Либо на сайте, где есть поддерживаемое видео, либо в меню Настройки.

Использование переключателя Картинка в Картинке для его отключения

  1. Найдите видео, где вы сможете увидеть синий переключатель Картинка в Картинке.
  2. Щёлкните правой кнопкой мыши на синем переключателе.
  3. Щёлкните по Скрыть переключатель Картинка в Картинке .

Включение/отключение переключателя Картинка в Картинке в Настройках

Если вы не хотите видеть элементы управления при наведении, вы можете скрыть эту опцию в Firefox. (Примечание: Вы можете включить режим Картинка в картинке, щёлкнув видео правой кнопкой мыши.)

На Панели меню в верхней части экрана щёлкните Firefox и выберите Настройки . Нажмите на кнопку меню и выберите Настройки Настройки . Нажмите на кнопку меню и выберите Настройки .

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

Эти прекрасные люди помогли написать эту статью:

Illustration of hands

Станьте волонтёром

Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.

Видео в отдельном окне браузера

На днях я получил следующий вопрос:

«Подскажите, пожалуйста, как я могу находясь в Ютубе просматривать ваши уроки по Эксель и одновременно вывести на экран свою программу Эксель, чтобы сразу можно было ваш урок применить на практике»

Действительно, многие пользователи не знают о функции «картинка в картинке», которая в некоторых браузерах реализована давно, а в каких-то появилась относительно недавно.

Итак, вы нашли интересное обучающее видео по какой-то программе на YouTube и хотели бы параллельно практиковаться, повторяя действия из видео. То есть вы бы хотели открыть видео в отдельном окне браузера и давайте посмотрим, как это реализовано в четырех популярных браузерах — Яндекс Браузер, Google Chrome, Mozilla Firefox и Opera.

Сразу хочу заметить, что функция «картинка в картинке» существовала невсегда и если вы используете один из рассматриваемых браузеров, но не найдете ее там, то, вероятнее всего, у вас установлена старая версия браузера. То есть придется обновить браузер, чтобы воспользоваться функцией.

Итак, начнем с браузера от Яндекс.

Яндекс.Браузер

Запускаем интересующее нас видео и наводим указатель мыши на него. В области видео появляется значок «Видео в отдельном окне».

Яндекс Браузер. Видео в отдельном окне

Щелкаем по нему и видео переносится в правый нижний угол в своем плеере. Теперь можем свернуть окно браузера (главное его не закрывать) и откроем, например, Эксель, для того чтобы повторять действия из видео.

Окно с видео

Мы можем ставить видео на паузу или перематывать. Также можно захватить окно мышью и перенести его в удобную область экрана. При необходимости размеры плеера можно изменять мышью.

Чтобы вернуться к обычному просмотру наводим указатель мыши на видео и нажимаем на «Продолжить просмотр на сайте».

Браузер Opera

Аналогичным образом данная опция реализована в браузере Opera.

Картинка в картинке в Опере

Окно плеера также можно перемещать или изменять его размеры.

Браузер Mozilla Firefox

В Firefox опция называется «Картинка в картинке» и она также включается из области видео.

Картинка в картинке в Firefox

Разве что пока здесь не реализована перемотка видео. То есть мы можем лишь ставить видео на паузу. Но по-прежнему можем изменять размеры плеера и размещать его в произвольном месте экрана.

Браузер Google Chrome

Ну и в завершение браузер Google Chrome, который все еще является самым популярным в мире, но обзавелся опцией «Картинка в картинке» совсем недавно. При этом в данном браузере, с моей точки зрения, данная функция реализована максимально неудобно для пользователя. Чтобы ее вызвать необходимо щелкнуть по видео правой кнопкой мыши. Появится первое контекстное меню:

Google Chrome - картинка в картинке

После появления меню необходимо еще раз повторить щелчок правой кнопкой мыши и вот из второго меню можно выбрать опцию «Картинка в картинке».

Google Chrome. Картинка в картинке

Реализована она также, как и в Mozilla Firefox, то есть у нас нет возможности перемотать видео вперед или отмотать назад. Можем ставить только на паузу.

Тем не менее, у Google Chrome есть расширение Floating for Youtube Extension, которое реализует данную возможность более дружественно для пользователя. Об этом расширении я уже рассказывал в одном из видео.

А вы знали о функции «Картинка в картинке»? Пользуетесь ли вы ей или считаете ненужной? Пишите в комментариях.

Как одновременно играть и смотреть видео в углу экрана? Простые решения

Режим «картинка в картинке» — одно из самых удобных изобретений последнего времени. Благодаря такой многозадачности можно одновременно потреблять контент сразу двух видов, работать с текстами и просматривать ролики на YouTube, или играть и заодно смотреть долгожданный сериал в углу экрана!

Рассказываем, как кратчайшим путем активировать его в 4 популярных браузерах.

Как запустить «Картинку в картинке» в Google Chrome?

До недавнего времени этот режим в Google Chrome можно было использовать лишь после установки дополнительного расширения, но со временем разработчики одумались и внедрили функцию в сам браузер, хотя без специального расширения обойтись по-прежнему трудно (встроенная функция ограничена, поскольку работает далеко не на каждом ресурсе).

Собственно именно поэтому Google Chrome менее функционален, если его рассматривать в качестве браузера для вывода видео в плавающем экране. Но в любом случае на примере YouTube это сделать можно следующим образом:

  • Откройте любой желаемый ролик;
  • Кликните два раза правой кнопкой мыши по видео;
  • В открывшемся меню выберите вариант «Картинка в картинке»

Как одновременно играть и смотреть видео в углу экрана? Простые решения

Для того чтобы запустить какой-нибудь сериал с другого ресурса, необходимо установить расширение, например, подойдёт Picture-in-Picture Extension. После установки достаточно нажать на соответствующий значок, который находится на панели инструментов, чтобы началась трансляция.

Как запустить «Картинку в картинке» в Opera?

Сейчас Opera не может похвастаться своей огромной популярностью, но во многих функциях этот браузер часто является инновационным, поскольку разработчики регулярно улучшают свой продукт. Относительно недавно Opera обзавелась улучшенной версией режима: появилась возможность переключиться на следующее видео, появился таймер.

Так как же включить этот режим в Opera? Всё довольно просто: после запуска абсолютно любого ролика в верхней части видео появляется специальный значок режима «картинка в картинке», нажатие на который откроет сериал или фильм в отдельном окошке.

Как одновременно играть и смотреть видео в углу экрана? Простые решения

Как запустить «Картинку в картинке» в Яндекс.Браузере?

Суть работы режима «картинка в картинке» Яндекс.Браузера можно рассмотреть на примере Яндекс.Видео, поскольку функция работает аналогичным образом на YouTube и на других ресурсах, которые поддерживает этот браузер. Для этого нужно:

  • Войти в Яндекс.Видео и запустить любое желаемое видео;
  • Навести курсор на видео, после чего сверху появится всплывающая функция;
  • Теперь остаётся лишь нажать на «Видео в отдельном окне».

Как одновременно играть и смотреть видео в углу экрана? Простые решения

Как запустить «Картинку в картинке» в Mozilla Firefox?

В этом браузере функция появляется также после того, как будет курсор наведён на видео. Только в Mozilla Firefox значок представлен в виде синего прямоугольника справа, но в любом случае достаточно нажать на него, чтобы перейти в комфортный режим.

При этом следует отметить, что в этом браузере функцию поддерживают далеко не все ресурсы. Функция «картинка в картинке» от Mozilla Firefox отображается лишь в тех роликах, которые имеют аудио-дорожку, достаточный размер и метраж. Кроме того, он не отображается ещё и в том случае, если видео открыто в полноэкранном режиме.

И напоследок стоит отметить, что «картинку в картинке» можно включить с помощью контекстного меню, как и в случае с Google Chrome: достаточно нажать правой кнопкой мышки по ролику и выбрать соответствующую функцию.

Режим «Картинка в картинке» позволяет просматривать видео в откреплённом или, как ещё говорят, плавающем окне. Сравниваем реализацию данной функции в браузерах Vivaldi, Chrome и Firefox.

Picture in Picture mode Vivaldi vs Chrome vs Firefox logos

Откреплённое видео ( « Картинка в картинке » ) даёт возможность просматривать видео в формате HTML5 в отдельном плавающем окне, продолжая при этом просматривать страницы в основном окне браузера.

Работа функции в разных обозревателях отличается. Например, чтобы использовать режим « Картинка в картинке » в Chrome, необходимо, чтобы на данном сайте была реализована поддержка «Картинка в картинке». Некоторые ресурсы, такие как Twitch, сделали это, но многие другие – Vimeo и Netflix – нет. Даже на YouTube этого нет по умолчанию.

У Vivaldi есть специальная кнопка – Воспроизведение в режиме «Картинка в Картинке», которая позволяет пользоваться функцией, даже если сайт её не поддерживает.


Как запустить просмотр в режиме « Картинка в Картинке » в Vivaldi, Chrome и Firefox

В реализации функции просмотра видео в откреплённом окне Vivaldi вырывается вперёд. Всё, что нужно сделать, чтобы начать ей пользоваться – открыть видео и навести на него курсор мыши. Всплывающая кнопка откреплённого видео появится вверху. Нажмите на кнопку, и видео запустится в режиме «Картинка в картинке» в плавающем окне.

Firefox имеет очень похожую реализацию. Чтобы активировать всплывающее видео в Firefox, вам просто нужно нажать плавающую кнопку. В Vivaldi кнопка находится в верхней части экрана, а в Firefox она справа.

В Google Chrome запустить функцию «Картинка в картинке» не так просто. Необходимо добавить расширение. После его установки и воспроизведения видео у вас два варианта.

Дважды щёлкнуть видео правой кнопкой мыши, а затем выбрать опцию «Картинка в картинке» в раскрывающемся меню. Или нажать кнопку расширения в правом верхнем углу окна браузера во время воспроизведения видео .

Как управлять проигрывателем

Функциональность «Картинка в картинке» в трёх браузерах несколько отличается.

Google Chrome и Firefox имеют ограниченные базовые возможности, такие как простая кнопка Воспроизведение/Пауза.

Пользователи Vivaldi могут регулировать громкость, использовать слайдер, чтобы перемотать видео в нужный момент, поставить его на паузу или, нажав кнопку «назад к вкладке», вернуться в обычный режим. При просмотре видео, являющегося частью плейлиста, отображаются кнопки «вперед» и «назад», позволяющие пропускать ролики или возвращаться к тому, который понравился.

Vivaldi и Firefox также дают возможность изменять размер окна почти до полного экрана, тогда как Chrome позволяет изменять его размер только примерно до 1/4 экрана.

Когда полезна функция

Первый сценарий, когда режим « Картинка в картинке » может пригодиться, это, конечно, просмотр спортивных матчей во время параллельной работы в браузере. Также мы знаем, что многие используют этот режим для учёбы – всё больше и больше образовательного контента представлено именно в виде видео. Всплывающее видео позволяет смотреть лекцию и одновременно делать заметки или работать над другими задачами.

Для чего ещё вы используете режим «Картинка в картинке»? Любопытно узнать, делитесь в комментариях.

Читайте также: