通过脚本操作 HTML5 视频控件 [重复]答案

【问题标题】：Manipulating HTML5 video controls via script [duplicate]通过脚本操作 HTML5 视频控件 [重复]
【发布时间】：2021-07-02 16:04:45
【问题描述】：

像往常一样，在挣扎了一天之后，我伸出援手。

我想要实现的是拥有自己的 HTML 视频标签控件。我使用 ASP 页面控件，我想添加一个点击事件。按钮点击：提高音量、降低音量、重播视频。我正在尝试的代码如下：

<body>
<form runat="server">
<div>

<table>
<tr>
          <td>
      <video>
        <source src="movie.mp4" type="video/mp4">
                    Your browser does not support the video tag.
       </video>
     </td>
    </tr>
    <tr>
         <td><asp:Button id ="myButtonNext" runat="server" Text="Volume up" cssClass="button" OnClick="myAudioUp"/></td>
    </tr>
</table>

<script>
    function myAudioUp()  
    {
        var myVideo = document.getElementById("myVideo");
        var myVolume = MyVideo.volume
        MyVideo.volume = myVolume + 0.1;
    }
</script>

</div>
</form>
</body>

我经常使用 VB.NET。但是js不是我的强项。任何帮助将不胜感激。

【问题讨论】：

标签： javascript html5-video

【解决方案1】：

不正确的变量不是MyVideo.volume，而是myVideo.volume

var myVideo = document.getElementById("myVideo");
var myVolume = myVideo.volume
myVideo.volume = myVolume + 0.1;

【讨论】：

var MyVideo.volume 固定为 myVideo.volume
好的。我知道了。 Jscript 区分大小写。不像不用担心，因为 V-studio 通过智能感知来处理它。