動画の自動リピート抑制
Main.jsに下記を追加すると、ヘッダー動画の自動リピートを抑制できる
//2021.01.27 addttion
$( document ).ready( function() {
let videotag = document.getElementById( “wp-custom-header-video” );
videotag.loop = false;
});
// 2021.01.27 add end
$(window).load()はページのすべての要素、つまり画像などがすべてロードされた段階でイベントが発火されます。
それぞれのイベントの順番をまとめるとしたのようになります。
ページの読み込みが始まる
HTMLの読み込みが終わる
$(document).readyが実行
画像など含めすべてのコンテンツの読み込みが終わる
$(window).loadが実行
$(window).loadは一番最後に実行されます。そのページが、大量のコンテンツを読み込む場合など、なかなか処理が実行されないことがあります。
なので、ユーザの使い勝手を考えたら$(document).ready()を使うほうが良いと思います。
下記についてちょっと怪しい気もするけれども（https://rcmdnk.com/blog/2015/07/11/computer-javascript-jquery/）整理してあったので
●load:
window.onload = function() {…
window.addEventListener(“load”, function() {…
$(window).load(function() {… (jQuery)
$(window).on(“load”, function() {… (jQuery)
$.event.add(window, “load”, function() {… (jQuery)
●ready:
document.addEventListener(“DOMContentLoaded”, function() {…
$(document).ready(function() {… (jQuery)
$(function() {… (jQuery)