播放事件在 HTML 和 Javascript 中不起作用

问题描述

我的 javascript 代码有问题，也许您可​​以找到我做错了什么。我的 Play() 事件不符合我的要求。

我想通过鼠标悬停事件“重新制作”法拉利网站的页面。这段代码是用 elementor 内部的 HTML 小部件编写的，这可能是某些东西不起作用的原因。

希望收到您的来信！

我的代码；

<div class="wrapper1" >
    <video id="Hvideo" width="320" height="240" preload="auto">
        <source src="https://www.youtube.com/watch?v=HJVHZR3KkjM" type="video/mp4">
    </video>
    <button id="Htext" onmouseover="Play()" onmouseout="Pause()">HVAC</button>
</div>
<script type="text/javascript">
    var Htext=document.getElemenetById("Htext");
    var Hvideo=document.getElemenetById("Hvideo");
    
    function Pause(){
    Hvideo.pause();
    }
    
    function Play(){
    if(Hvideo.paused)
        Hvideo.play();
    }
</script>

图片

www.ferrari.com

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）