时间戳

首页 > 解决方案 > HTML如何在我单击按钮时打开视频

javascript - HTML如何在我单击按钮时打开视频

问题描述

所以我想这样做，所以当我点击我设置的按钮时，背景将变为这个 mp4 文件，该文件将自动播放（带音频），但我对 HTML 很陌生，所以我无法让按钮实际执行任何事物。这是我到目前为止的代码，它在正文部分。我已经尝试将 onclick 与 .innerHTML 一起使用（如下例所示），我尝试了不同的变体，但我无法让它工作，我想不出替代方案，所以我问你都是漂亮的人

<p> Hey, ya like this clock?</p>
<p> Click this button >:)</p>
<input type="button" value="( ͡° ͜ʖ ͡°)" onclick="clicc()">
<script>
function clicc(){
    document.body.innerHTML = "<div class="section">" 
            <video>  
                <source src="ZA WARUDO.mp4" type="video/mp4">  
            </video>
        </div>
}

标签： javascripthtmlmp4

解决方案

问题出在引号和双引号上，这里是固定的 js 代码位：

<p> Hey, ya like this clock?</p>
<p> Click this button >:)</p>

<input type="button" value="( ͡° ͜ʖ ͡°)" onclick="clicc()">

<script>
function clicc(){
  document.body.innerHTML = "<div class='section'><video source src='ZA WARUDO.mp4' type='video/mp4'></video></div>";
}
</script>

如果您想对所有内容使用双引号，则必须转义那些不用于定义 html 字符串的内容，即您将用于定义 html 元素属性的内容，如下所示：

document.body.innerHTML = "<div class=\"section\"><video source src=\"ZA WARUDO.mp4\" type=\"video/mp4\"></video></div>";

推荐阅读