HTML5和jQuery可以一起创建交互式的元素，包括播放和暂停功能

Bol5261

已于 2024-12-20 17:25:21 修改

阅读量1.2k

点赞数

分类专栏： HTML5(HyperText Markup) CSS(Cascading Style Sheets) Javascript(Promise/asyncAwait) 文章标签： html5

于 2020-06-27 10:28:45 首次发布

本文链接：https://blog.csdn.net/blog_programb/article/details/106979479

版权

本文深入探讨了HTML5的play()方法，该方法用于启动音频或视频的播放，适用于所有现代浏览器。同时指出，对于IE8及更早版本的浏览器，此功能可能不被支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5和jQuery可以一起创建交互式的元素，包括播放和暂停功能。下面是一个简单的例子展示了如何使用jQuery控制视频的播放和暂停：

<!-- 使用HTML5 video标签 -->
<video id="myVideo" controls>
  <source src="your_video.mp4" type="video/mp4">
</video>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
     
    // 初始化时设置为静音并开始播放
    $('#myVideo').get(0).muted = true;
    $('#myVideo').get(0).play();

    // 创建一个点击事件监听器来切换播放/暂停状态
    $('#myVideo').on('click', function(){
     
        if ($(this).get(0).paused) {
     
            $(this