我认识到我的网站加载速度较慢，因为我在自己的网站上使用了许多集成的YouTube视频（https://battleroyalepro.weebly.com或更确切地说是https://battleroyalepro.weebly.com/free-fortnite-intro）。

因此，我首先尝试显示YouTube标语而不是视频，然后点击它即可加载视频。这行得通，但是当我将代码用于所有视频集成时，它将只在站点上的第一个工作。所以我的问题是如何修改此代码，使其适用于每页所有视频？ （PS我是从另一个问题在这里找到的）

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script>
        var tag = document.createElement('script');

        tag.src = "https://www.youtube.com/iframe_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);

        var player;
        function onYouTubeIframeAPIReady() {
            player = new YT.Player('player',{
                width: '640',height: '315',videoId: 'VideoId',events: {
                    'onready': onPlayerReady,}
            });
        }

        function onPlayerReady(event) {
            $('#play_vid').click(function() {
                event.target.playVideo();
            });
        }

        $(document).ready(function() {
            $('#player').hide();
            $('#play_vid').click(function() {
                $('#player').show();
                $('#play_vid').hide();
            });
        });
    </script>

    <div id="player" class="wsite-youtube-wrapper wsite-youtube-size-auto wsite-youtube-align-center" style="width: 100%; overflow-y: hidden;"></div>
    <img id="play_vid" src="imgsource" style="width:auto;max-width:100%" />