question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to tell video dock component that video is playing so it goes to dock position?

See original GitHub issue

Does 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) image

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

  1. How can I tell from my video player iframe to the dock component that my video is playing and that it can dock
  2. 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:open
  • Created 2 years ago
  • Comments:11 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
rsimhacommented, Mar 2, 2022

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

0reactions
damjan25commented, Apr 7, 2022

@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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found