← 返回首页
HTMLVideoElement: cancelVideoFrameCallback() メソッド - Web API | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. 開発者向けのウェブ技術
  2. Web API
  3. HTMLVideoElement
  4. cancelVideoFrameCallback()
Theme
  • OS default
  • Light
  • Dark
日本語
Remember language Learn more

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLVideoElement: cancelVideoFrameCallback() メソッド

Baseline 2024
Newly available

Since October 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

cancelVideoFrameCallback() は HTMLVideoElement インターフェイスのメソッドで、以前登録された映像フレームコールバックを取り消します。

In this article

構文

js
cancelVideoFrameCallback(id)

引数

id

数値で、取り消そうとしている映像フレームコールバックの ID を表します。これは、対応する HTMLVideoElement.requestVideoFrameCallback 呼び出しによって返される値です。

返値

なし (undefined)。

例

映像フレームコールバックの取り消し

この例では、以前に登録した映像フレームコールバックを取り消すために、cancelVideoFrameCallback() を使用する方法を示しています。

js
const updateCanvas = (now, metadata) => { // フレームで何かを行う // ... // 次のフレームで動作するようにコールバックを再登録する // 動画コールバック ID を反復処理するごとに更新することが重要 // そうすることで、コールバックを正常に取り消すことができる videoCallbackId = video.requestVideoFrameCallback(updateCanvas); }; // 最初のフレームで実行するコールバックの初期登録 let videoCallbackId = video.requestVideoFrameCallback(updateCanvas); // ... // 最新の videoCallbackId を使用して映像フレームコールバックをキャンセルする video.cancelVideoFrameCallback(videoCallbackId);

仕様書

Specification
HTMLVideoElement.requestVideoFrameCallback()
# dom-htmlvideoelement-cancelvideoframecallback

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

関連情報

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 2024年10月18日 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML DOM API
  2. HTMLVideoElement
  3. インスタンスプロパティ
    1. disablePictureInPicture
    2. height
    3. poster
    4. videoHeight
    5. videoWidth
    6. width
  4. インスタンスメソッド
    1. cancelVideoFrameCallback()
    2. getVideoPlaybackQuality()
    3. requestPictureInPicture()
    4. requestVideoFrameCallback()
  5. イベント
    1. enterpictureinpicture
    2. leavepictureinpicture
    3. resize
  6. 継承
    1. HTMLMediaElement
    2. HTMLElement
    3. Element
    4. Node
    5. EventTarget
  7. HTML DOM に関連するページ
    1. BeforeUnloadEvent
    2. DOMStringMap
    3. ErrorEvent
    4. HTMLAnchorElement
    5. HTMLAreaElement
    6. HTMLAudioElement
    7. HTMLBRElement
    8. HTMLBaseElement
    9. HTMLBodyElement
    10. HTMLButtonElement
    11. HTMLCanvasElement
    12. HTMLDListElement
    13. HTMLDataElement
    14. HTMLDataListElement
    15. HTMLDialogElement
    16. HTMLDivElement
    17. HTMLDocument
    18. HTMLElement
    19. HTMLEmbedElement
    20. HTMLFieldSetElement
    21. HTMLFormControlsCollection
    22. HTMLFormElement
    23. HTMLFrameSetElement
    24. HTMLGeolocationElement
    25. HTMLHRElement
    26. HTMLHeadElement
    27. HTMLHeadingElement
    28. HTMLHtmlElement
    29. HTMLIFrameElement
    30. HTMLImageElement
    31. HTMLInputElement
    32. HTMLLIElement
    33. HTMLLabelElement
    34. HTMLLegendElement
    35. HTMLLinkElement
    36. HTMLMapElement
    37. HTMLMediaElement
    38. HTMLMenuElement
    39. HTMLMetaElement
    40. HTMLMeterElement
    41. HTMLModElement
    42. HTMLOListElement
    43. HTMLObjectElement
    44. HTMLOptGroupElement
    45. HTMLOptionElement
    46. HTMLOptionsCollection
    47. HTMLOutputElement
    48. HTMLParagraphElement
    49. HTMLPictureElement
    50. HTMLPreElement
    51. HTMLProgressElement
    52. HTMLQuoteElement
    53. HTMLScriptElement
    54. HTMLSelectElement
    55. HTMLSourceElement
    56. HTMLSpanElement
    57. HTMLStyleElement
    58. HTMLTableCaptionElement
    59. HTMLTableCellElement
    60. HTMLTableColElement
    61. HTMLTableElement
    62. HTMLTableRowElement
    63. HTMLTableSectionElement
    64. HTMLTemplateElement
    65. HTMLTextAreaElement
    66. HTMLTimeElement
    67. HTMLTitleElement
    68. HTMLTrackElement
    69. HTMLUListElement
    70. HTMLUnknownElement
    71. HashChangeEvent
    72. History
    73. ImageData
    74. Location
    75. MessageChannel
    76. MessageEvent
    77. MessagePort
    78. Navigator
    79. PageRevealEvent
    80. PageSwapEvent
    81. PageTransitionEvent
    82. Plugin
    83. PluginArray
    84. PromiseRejectionEvent
    85. RadioNodeList
    86. TimeRanges
    87. UserActivation
    88. ValidityState
    89. Window
    90. WorkletGlobalScope
  8. ガイド
    1. JavaScript で queueMicrotask() によるマイクロタスクの使用
    2. In depth: Microtasks and the JavaScript runtime environment

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.