How to tell video dock component that video is playing so it goes to dock position?
See original GitHub issueDoes anyone know how to tell video dock component from video player component IFRAME that video is playing and that it can undock when it goes out of the viewport ?
For example how to fire postMessage that the component will be able to recieve it? (Just example amphtml\extensions\amp-jwplayer\0.1\amp-jwplayer.js)
Would it be in this case something like this?
postMessage({
type: 'play',
detail: 'test'
}, window);
So I am building a new video player, that will be able to dock. For example like these: amp-brid-player amp-brightcove amp-dailymotion amp-delight-player amp-ima-video amp-jwplayer amp-video amp-video-iframe amp-youtube
- How can I tell from my video player iframe to the dock component that my video is playing and that it can dock
- is it neccesery to have this request to our server that returns HTML and player inside it, or can I just build inframe on client side and load my player that way?
Issue Analytics
- State:
- Created 2 years ago
- Comments:11 (9 by maintainers)
Top Results From Across the Web
Docking UX for video players · Issue #8088 - GitHub
Tap expands the video to full width but (still docked to the top) and enables the player's builtin controls so user can take...
Read more >Documentation: <amp-video-docking>
The amp-video-docking component allows videos to be minimized to a corner or to a custom positioned element via the dock attribute.
Read more >Playing video - Patterns - Human Interface Guidelines - Design
In the full-screen window, the viewer starts a game that plays background music, then switches to the PiP window and unmutes the video....
Read more >macos - Full screen YouTube still shows Dock and Menu Bar
I made browser go fullscreen and then back to normal state. After doing this, dock disappeared when video goes fullscreen. Thanks! – rzaaeeff....
Read more >How to rearrange the icons in your MacOS Monterey Dock
In this quick video, we go over moving, removing, adding, ... move to the permanent part of your Dock, where it can then...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Thanks for your question @strix25. Our documentation for how to implement video docking can be found at https://github.com/ampproject/amphtml/blob/main/extensions/amp-video-docking/amp-video-docking.md. It mentions the
dock
attribute, which can be used to communicate to the component that a video must be docked when the viewport scrolls past the video. However, I’m not sure if this is designed to work for videos in iframes.Tagging @alanorozco and @jridgewell, who should know mode about this.
/cc @damjan25
@alanorozco How to tell player to undock(go back to static position) ? Sometimes it happens that player crashes and then it is showing only white floating (dock) square. It would be really nice if there is some function I can call to tell player to undock.