Расширение picture in picture не работает

Как включить режим картинка в картинке в Google Chrome

В старых сборках Google Chrome была возможность включить режим PiP (Picture in Picture, картинка в картинке), при котором можно было смотреть видео в небольшом окошке поверх всех окон браузера. Это было достаточно удобно, однако через некоторое время Google заблокировала этот функционал. Теперь же компания хочет добавить его официально, и пока что тестирует этот режим в последних сборках Chrome.

Для включения PIP вам понадобится Chrome Canary — ранняя бета-версия, которая еще несколько месяцев будет проходить тестирование, прежде чем попадет в канал стабильных версий. Скачать ее можно с официального сайта Google.

Теперь в ней нужно включить три экспериментальных параметра — удобнее включить сразу все, и потом перезапустить Chrome. Для этого поочередно открываем три ссылки и включаем указанные в них параметры (выбираем Enabled):

chrome://flags/#enable-experimental-web-platform-features
chrome://flags/#enable-surfaces-for-videos
chrome://flags/#enable-picture-in-picture

Теперь нужно установить экспериментальное расширение, включающее PiP. Скачать его можно с Github, после чего распакуйте архив в любую удобную папку.

Теперь в Canary зайдите в chrome://extensions, включите справа вверху режим разработчика, после чего нажмите на «Загрузить распакованное расширение», и укажите пусть до папки src в распакованном архиве. Если вы все сделали правильно, то должно появиться расширение Picture in Picture:

Теперь просто зайдите на вкладку с любым видео (например, на YouTube), начните его воспроизведение и нажмите после этого на значок расширения в правом верхнем углу, после чего видео будет воспроизводиться в небольшом окошке справа внизу:

Причем это окошко будет поверх любых других не полноэкранных приложений.

Источник

Не работает режим Картинка в картинке

Добрый день. Сейчас стоит Manjaro Gnome, раньше был Ubuntu, но проблема такая же. На всех chrome браузерах не работает режим картинка в картинке, появляется просто белое окно, которое ни на что не реагирует. Расширения менял, не помогает, в яндексе, опере все работает отлично.

И что? Это проявления какой-то новой болезни или что? Что, блин, за мода создавать темы без вопросов, типа «держу в курсе».

Кстати Яндекс.Браузер тоже на Chromium

c флешем тоже интересная история, он вроде стоит, в гугле все видео работают, но в других браузерах пишет, что требуется обновление флеша.

по-моему достаточно очевидно, что я ожидаю здесь помощи в решении проблемы

Так не работает в из коробочном браузере Chromium?

Это понятно. Он всякими арчешкольниками испорчен.

На Google Chrome должно работать нормально.

В обычно chrome тоже не работает(

Отдельно от браузера или как?

Что на счет chrome://flags/#enable-picture-in-picture и chrome://flags/#enable-surfaces-for-videos ?

перезагрузил браузер и вновь эта проблема, не помогло(

Источник

Режим картинка в картинке в Chrome 69

В версии 69 появилось расширение PictureInPicture, которое позволяет вывести видео поверх всех окон. Решил протестировать эту возможность и поделиться результатами.

Сразу нашел пример, но кнопка «картинка в картинке» для переключения в режим Picture-in-Picture (далее PiP) была недоступна, пошел проверять флаг chrome://flags/#enable-picture-in-picture, значение «Default», для этого флага, равносильно «Enabled», но все равно попробовал включить его вручную.

Не помогло, оказалось нужен еще один флаг chrome://flags/#enable-surfaces-for-videos, значение «Default» для него равносильно «Disabled».

Включил и заработало. Так же пишут, что необходимо включение флага #enable-experimental-web-platform-features, но у меня заработало и без него.

Пример

Сделаем простой пример, тег , кнопка для включения/выключения режима PiP, обработка доступных событий PiP.

Проверяем доступность режима:

Все просто, если свойство существует, оно возвращает true или false.

Делаем запрос на запуск режима:

Если разрешение получено, выполниться then иначе catch. Запрос точно будет отклонен, если не инициирован по событию пользователя.

После запуска document.pictureInPictureElement будет возвращать наш элемент .

Для выхода из режима можно в окне PiP нажать крестик в правом верхнем углу.

Можно сделать выход програмно:

После выхода из режима document.pictureInPictureElement снова будет возвращать null.

События PiP

Доступно два события, включение режима PiP и соответственно выключение:

Резюме

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

UPD: Новым API занимается подразделение W3C, которое называется WICG (Web Platform Incubator Community Group).
С помощью этого API сайты могут контролировать когда открывать и закрывать PiP-окно, делать свою кнопку для управления и собирать статистику когда пользователь использует PiP.

Некоторые браузеры уже поддерживают такую функцию, но не основанную на W3C
(Например Opera и Яндекс.Браузер).
Firefox и Edge пока не сообщали о реализации нового API.

Источник

Режим «Картинка в картинке» в Google Chrome

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

В этой статье я покажу, как использовать встроенную функцию «Картинка в картинке» браузера Google Chrome, а также расскажу, как установить и использовать расширение «Картинка в картинке».

Вы спросите «Зачем использовать расширение, когда это функция уже встроена в сам браузер? Родная функция имеет ограничения: он работает не на всех сайтах, например, он не работает на DailyMotion и Twitter. Кроме этого, на некоторых сайтах (например, YouTube) необходимо кликнуть по видео правой кнопкой мыши, а затем снова кликнуть, чтобы увидеть этот параметр.

Встроенный режим «Картинка в картинке» в Chrome

Функция «Картинка в картинке», позволяет открывать видео в небольшом окне. Представьте ситуацию, вы чатитесь в ВК и одновременно смотрите видосы на Ютубе в небольшом окне, которое совсем не мешает. К тому же окно с видео может настраиваться и иметь разный размер. Ну, разве это не круто? Давайте посмотрим, как использовать режим «Картина в картинке».

Как включить режим «Картинка в картинке» в Chrome

Чтобы встроенная функция Chrome «картинка в картинке» работала, вам нужно запустить последнюю версию браузера. Проверка наличия обновлений — дело легкое. Нажмите на три вертикальные точки в правом верхнем углу браузера и поместите курсор на параметр «Справка».

В выпадающем окне, нажмите на пункте «О бразуере Google Chrome». Chrome начнет поиск обновлений и начнет загружать его автоматически, если это необходимо или сообщит, что уже обновлен.

Имейте в виду, что видео должно быть в HTML5. Кроме того, не каждое видео будет работать с этой функцией, но она гарантировано работает в YouTube и Dailymotion.

Выберите видео, которое хотите смотреть в отдельном окне, и щелкните по нему правой кнопкой мыши. Появятся настройки YouTube. Щелкните правой кнопкой мыши еще раз, не перемещая курсор. Теперь в выпадающем меню выберите пункт «Картинка в картинке». Он находится под опцией «Копировать URL видео».

Выбора режима «Картинка в картинке» в Chrome на Youtube

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

Во всплывающем окне не будет никаких экранных элементов управления для таких действий, как пауза. Вам нужно будет либо использовать затемненный YouTube, либо сочетания клавиш, которые вы используете для управления видео на YouTube. Если вы не помните сочетания клавиш для работы в Youtube, вот несколько из них:

• Пауза — пробел
• Вернуться назад Пять секунд — Стрелка влево
• Вперед пять секунд — стрелка вправо
• Начало видео — кнопка Home
• Выключить звук — M

Как изменить окно «Картинка в картинке»

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

Функция «Картинка в картинке» в Chrome на Youtube

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

Расширение «Картинка в картинке» для Chrome

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

Расширение «Картинка в картинке» с открытым исходным кодом и если вы программист, сможете доработать расширение по своему желанию.

Установка расширения «картинка в картинке»

1. Запустите Chrome и перейдите на страницу расширения, а затем нажмите «Добавить в Chrome».
2. Затем просмотрите разрешения, требуемые расширением, и нажмите «Добавить расширение».
3. Нажмите «Добавить расширение».

После установки расширения появится подтверждение о том, что оно было добавлено в Chrome.

Как использовать расширение Картинка в картинке

Расширение «Картинка в картинке» работает практически на любом сайте с видео, от YouTube до Facebook. Все, что нужно сделать, чтобы открыть видео в маленьком отдельном окне поверх других окон, — это нажать на иконку расширения на панели инструментов браузера или нажать комбинацию клавиш Alt + P (Option + P на компьютерах Mac).

После активации область, в которой обычно воспроизводится видео, становится черной и отображает «Воспроизведение в режиме картинка-в-картинке». Небольшой видеоплеер теперь находиться в верхней части окна.

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

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

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

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

Заключение

Режим «Картинка в картинке» потребует немного больше ресурсов от процессора, но если у вас современный компьютер, он должен работать нормально.

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

Эта статья впервые была опубликована 06.02.2019 и обновлена 29.07.2019.

Источник

Как включить режим «картинка в картинке» в Google Chrome

Режим «картинка в картинке» — это, несомненно, одно из лучших изобретений человечества. Именно он, а не виджеты, быстрые команды или жесты обеспечивает настоящую многозадачность. Благодаря этому режиму можно потреблять контент двух видов сразу, к примеру, работая с текстом и просматривая видеоролик на YouTube одновременно. Но, поскольку десктопы традиционно имели более продвинутую систему многозадачности, считалось, что им режим «картинка в картинке» просто не нужен. К счастью, Google не согласилась с этим мнением, а потому в Chrome такая фишка в конце концов появилась.

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

Как включить видео в отдельном окне в Chrome

• Перейдите по этой ссылке и скачайте расширение Picture-in-Picture;
• Откройте любой веб-сайт с видео, которое вы хотите воспроизвести в отдельном окне (подойдет практически любой – от YouTube до «Амедиатеки»);
• Запустите видео и нажмите на иконку расширения в правом верхнем углу;

В нижней части экрана появится отдельное окно, в котором продолжится воспроизведение;

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

Имейте в виду, что расширение Picture-in-Picture имеет ряд ограничений. Прежде всего оно позволяет окну с видео располагаться только в одном из углов экрана, поэтому не удивляйтесь, если при попытке переместить его в середину, оно прилипнет к одной из граней. Кроме того, расширение рассчитано на воспроизведение только одного видеоролика сразу. Это значит, что включить YouTube, а потом тут же запустить видео из «ТНТ Премьер» у вас не получится.

Подпишись на наш канал в Яндекс.Дзен. Там масса эксклюзивного контента, который отсутствует на сайте.

Источник