feat: Add docs for *VideoFrameCallback() methods

[chrisdavidmills]

Description

HTMLVideoElement.requestVideoFrameCallback() and HTMLVideoElement.cancelVideoFrameCallback() have been supported in Chrome since version 83, and Safari since 15.4, but we haven't yet published docs for them.

This PR fixes that.

See https://web.dev/articles/requestvideoframecallback-rvfc for a useful test demo.

Motivation

Additional details

Related issues and pull requests

[github-actions]

This PR exceeds the recommended size of 1000 lines. Please make sure you are NOT addressing multiple issues with one PR. Note this PR might be rejected due to its size.

[github-actions]

Preview URLs

• /en-US/docs/Web/API/HTMLVideoElement/cancelVideoFrameCallback
• /en-US/docs/Web/API/HTMLVideoElement/requestVideoFrameCallback
• /en-US/docs/Web/API/HTMLVideoElement

Flaws (7)

Note! 2 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/HTMLVideoElement
Title: HTMLVideoElement
Flaw count: 7

• macros:
  • /en-US/docs/Web/API/HTMLVideoElement/poster does not exist
  • /en-US/docs/Web/API/HTMLVideoElement/mozParsedFrames does not exist
  • /en-US/docs/Web/API/HTMLVideoElement/mozDecodedFrames does not exist
  • /en-US/docs/Web/API/HTMLVideoElement/mozPresentedFrames does not exist
  • /en-US/docs/Web/API/HTMLVideoElement/mozPaintedFrames does not exist
  • and 2 more flaws omitted

External URLs (3)

URL: /en-US/docs/Web/API/HTMLVideoElement/requestVideoFrameCallback
Title: HTMLVideoElement: requestVideoFrameCallback() method

• https://requestvideoframecallback.glitch.me/ (1 time) (Note! This may be a new URL 👀)
• https://web.dev/articles/requestvideoframecallback-rvfc (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/HTMLVideoElement/cancelVideoFrameCallback
Title: HTMLVideoElement: cancelVideoFrameCallback() method

• https://web.dev/articles/requestvideoframecallback-rvfc (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2024-01-25 18:12:13)

[tomayac]

Non-owner LGTM with the suggestions applied.

[tomayac]

Looks good to go, with one remark and one suggestion.

[dipikabh]

Hi @chrisdavidmills, I've done a readthrough and left a few suggestions.

[chrisdavidmills]

Thank you so much for the thorough and helpful review, @dipikabh! I think I've fixed everything; let me know if you think it needs anything else.

[dipikabh]

All fixes look good, @chrisdavidmills. Thanks for taking the time to leave your responses :)

There's just two minor things, but the pages are looking in good shape. Feel free to merge when ready. Thank you for adding the docs!