vue实现播放与暂停

最新推荐文章于 2024-08-19 08:30:00 发布

「已注销」

最新推荐文章于 2024-08-19 08:30:00 发布

阅读量2.1k

点赞数 1

分类专栏：记录文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_48321017/article/details/110913238

版权

这篇博客详细介绍了如何在Vue.js应用中使用play()和pause()方法来实现音频或视频的播放与暂停功能，提供了具体的实例代码供读者参考学习。

摘要由CSDN通过智能技术生成

play();播放

pause();暂停

实例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <div id="app">
        <audio id="audio" ref="audioDom"
            src="http://m7.music.126.net/20201208234554/99bee69f0fec864efe3d77eb6cd99c33/ymusic/obj/w5zDlMODwrDDiGjCn8Ky/4110448227/a020/49fb/4f7c/88f3907dd4e4d94ba61ee2a207b2608a.mp3"
            controls="controls" loop="loop" autoplay="autoplay"></audio>

        <button @click="handleClick">点击关闭</button>
        <button @click="handleClicks">