How do I trigger picture in picture on Safari 10

Question

Safari 10 introduces picture in picture. The button is there for html5 video standard controls, but how do I trigger it by javascript?

If you use custom HTML5 video controls, you can add Picture in Picture functionality using the JavaScript presentation mode API.

With no further references.

Check this out http://stackoverflow.com/q/39430331/4691734 – TheCrazyProfessor Oct 05 '16 at 19:20 — TheCrazyProfessor, Oct 05 '16 at 19:20

score 16 · Accepted Answer · answered Sep 22 '16 at 06:12

16

Use Javascript to activate the picture-in-picture mode. It will run by this way.

document.querySelector("video").webkitSetPresentationMode("picture-in-picture")

answered Sep 22 '16 at 06:12

Li Hanyuan

Next question. How do I trigger in on Netflix? https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_9_0.html#//apple_ref/doc/uid/TP40014305-CH9-SW18 – Martin Algesten Sep 23 '16 at 05:20
1

Sorry, I don't have a Netflix account, so I cannot try it – Li Hanyuan Sep 23 '16 at 13:11
Works fine with Netflix, just run this in js console when watching something. – borisgolovnev Feb 06 '19 at 09:19

TheCrazyProfessor · Answer 2 · 2017-07-25T16:29:08.490

0

This question already have been asked

Anyways see this

Here is Safari's API

Check support

webkitSupportsPresentationMode

Set Mode

webkitSetPresentationMode

edited Jul 25 '17 at 16:29

answered Oct 05 '16 at 19:26

TheCrazyProfessor

2 Answers2