2024/04/27 時点の英語版に基づき新規翻訳

files/ja/web/api/htmlvideoelement/resize_event/index.md

@@ -0,0 +1,53 @@
+---
+title: "HTMLVideoElement: resize イベント"
+short-title: resize
+slug: Web/API/HTMLVideoElement/resize_event
+l10n:
+  sourceCommit: 3b94f0e52c6c0384f68f10436ae5739bf218d053
+---
+
+{{APIRef("HTML DOM")}}
+
+**`resize`** は {{domxref("HTMLVideoElement")}} インターフェイスのイベントで、{{domxref("HTMLVideoElement.videoWidth", "videoWidth")}} および {{domxref("HTMLVideoElement.videoHeight", "videoHeight")}} プロパティのうち、どちらか一方または両方が更新された直後に発行されます。
+
+このイベントはキャンセル不可ですが、バブリングすることがあります。
+
+## 構文
+
+このイベント名を {{domxref("EventTarget.addEventListener", "addEventListener()")}} などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
+
+```js
+addEventListener("resize", (event) => {});
+
+onresize = (event) => {};
+```
+
+## イベント型
+
+一般的な {{domxref("Event")}} です。
+
+## 例
+
+```html
+<video id="media" src="https://example.com/video.mp4"></video>
+```
+
+```js
+const el = document.getElementById("media");
+el.addEventListener("resize", () => {
+  console.log("video 要素の大きさが変わりました。");
+});
+```
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- {{domxref("HTMLVideoElement.videoHeight")}}
+- {{domxref("HTMLVideoElement.videoWidth")}}