diff --git a/files/ja/web/api/htmlvideoelement/resize_event/index.md b/files/ja/web/api/htmlvideoelement/resize_event/index.md new file mode 100644 index 00000000000000..8967357bb3687f --- /dev/null +++ b/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 + +``` + +```js +const el = document.getElementById("media"); +el.addEventListener("resize", () => { + console.log("video 要素の大きさが変わりました。"); +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("HTMLVideoElement.videoHeight")}} +- {{domxref("HTMLVideoElement.videoWidth")}}