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

Posted

技术标签:

【中文标题】通过脚本操作 HTML5 视频控件 [重复]【英文标题】:Manipulating HTML5 video controls via script [duplicate] 【发布时间】: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不是我的强项。任何帮助将不胜感激。

【问题讨论】:

【参考方案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 通过智能感知来处理它。

以上是关于通过脚本操作 HTML5 视频控件 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

使用 Tampermonkey/javascript 控制 Netflix (HTML5) 播放

HTML5 视频全屏

在HTML5中获取视频元素的控件(洗涤器)元素

HTML5:在带有控件的视频上放置画布

隐藏(不删除)HTML5 视频控件

HTML5 视频控件 - 变大?