Question

我最近在课堂上被要求将Konami添加到html网页中。典型的上，上，下，下，左，右，左，右，b，a。而且我做得很好（但是必须使用字符串，因为我似乎无法使Array工作，也许有人也可以给我提示），但是现在我想使用它做更多的事情。我想添加一个视频URL（可能来自youtube），以100％的页面高度和宽度播放。我也想确保它有声音。我知道Chrome可以确保声音不会自动播放，因此这也是我认为需要克服的另一个障碍。这就是我的目的：

我最终更新了代码，并在下面的评论中发布了我的新刊物，因为现在我无法使视频成为html页面的完整大小。

    `<!DOCTYPE html>
<html>
    <head>
        <title>Konami Code</title>
        <style>
            /*iframe*/
            /*{*/
                /*position: relative;*/
                /*right: 0;*/
                /*bottom: 0;*/
                /*min-width: auto;*/
                /*min-height: auto;*/
            /*}*/
        </style>
    </head>
    <body>
        <h1>Konami Code</h1>
       <div id="videoFrame"></div>

        <script src="js/jquery-3.3.1.min.js"></script>
        <script>
            "use strict";



            var konami = '3838404037393739666513';
            var userKeys = '';


               $(document).keydown(function (event)
                {
                    userKeys += event.keyCode;
                });
            $(document).keypress(function(e)
            {
                if(e.which == 13)
                {
                    if (userKeys == konami)
                    {
                        alert('Happy birthday, my son.')
                        var iframe = document.createElement('iframe');
                        iframe.src = "img/soldier.mp4";
                        iframe.width = "712px";
                        iframe.height = "690px";
                        var videoDiv = document.getElementById('videoFrame');
                        videoDiv.appendChild(iframe);
                    }
                        else
                    {
                        alert('WRONG CODE')
                        userKeys = '';
                    }
                }
            });
        </script>
    </body>
</html>`

Answer 1

看起来ytcropper.com并没有提供指向原始视频文件的链接，而<source>标签正是该链接。您应该可以从该站点使用嵌入代码（看起来像是使用iframe），但这可能不会像您自己的<video>标签那样容易控制。

我试图将视频添加到我的konami代码中，但遇到了一些麻烦

1 个答案: