<video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する - dev.kokushin

暮らしカテゴリーの変更を依頼記事元:

kokushin.hatenablog.com

1 userがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fkokushin.hatenablog.com%2Fentry%2F2016%2F05%2F18%2F%253Cvideo%253E%25E3%2582%25BF%25E3%2582%25B0%25E3%2581%25AE%25E9%25AB%2598%25E3%2581%2595%25E3%2582%2592%25E5%258F%2596%25E5%25BE%2597%25E3%2581%2599%25E3%2582%258B%25E5%25A0%25B4%25E5%2590%2588%25E3%2581%25AF%25E3%2580%258Cloadedmetadata%25E3%2580%258D%25E3%2582%25A4%25E3%2583%2599%25E3%2583%25B3%25E3%2583%2588" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://kokushin.hatenablog.com/entry/2016/05/18/%3Cvideo%3E%E3%82%BF%E3%82%B0%E3%81%AE%E9%AB%98%E3%81%95%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AF%E3%80%8Cloadedmetadata%E3%80%8D%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88"><video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する - dev.kokushin</a><a href="https://b.hatena.ne.jp/entry/s/kokushin.hatenablog.com/entry/2016/05/18/%3Cvideo%3E%E3%82%BF%E3%82%B0%E3%81%AE%E9%AB%98%E3%81%95%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88%E3%81%AF%E3%80%8Cloadedmetadata%E3%80%8D%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88">はてなブックマーク - <video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する - dev.kokushin</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

<video>タグの高さを取得する場合は「loadedmetadata」イベントが発火してから実行する - dev.kokushin

<video> タグの高さを取りたいのだけれど、正確な数値が取れない時がある...という時は、loadedmetadata... <video> タグの高さを取りたいのだけれど、正確な数値が取れない時がある...という時は、loadedmetadata イベントが発火してから取得すると正確に高さを取ることが可能です。 var $video = $('video'); $video.on('loadedmetadata', function() { // videoの高さを取得 console.log($video.height()); }); 原因 <video> 内の動画が全て読み込まれていない状態だと高さが正常に取得できないようです。最初は load でページ読み込み後に取得しようとしていたのですが、うまく取得できませんでした。困ったときはお試しください。