首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在点击按钮时停止自动播放视频,然后使用js在点击按钮时重新开始播放

如何在点击按钮时停止自动播放视频,然后使用js在点击按钮时重新开始播放
EN

Stack Overflow用户
提问于 2019-03-25 12:51:47
回答 1查看 791关注 0票数 0

我有一个在jquery中自动播放的视频。我想在单击按钮时停止播放视频,并在单击另一个按钮后开始播放视频

代码语言:javascript
运行
复制
<video autoplay loop muted>
  <source src="promo.mp4" type="video/mp4">
</video>

这是我的开始,但它不会在开始时自动播放视频

代码语言:javascript
运行
复制
var vid = document.getElementById("myVideo"); 

function playVid() { 
  vid.play(); 
} 

function pauseVid() { 
  vid.pause(); 
} 

我想在加载页面上自动播放视频,并在按钮点击时停止视频,并使用javascript/jquery在按钮点击时再次播放

EN

回答 1

Stack Overflow用户

发布于 2019-03-25 12:53:44

使用vid.autoplay=true

代码语言:javascript
运行
复制
var vid = document.getElementById("myVideo"); 
var count=0;
function control()
{
count++;
if(count%2==1)
pauseVid();
esle
playVid();
}
        function playVid() { 
            vid.play(); 
        } 
        function pauseVid() { 
            vid.pause(); 
        } 
vid.autoplay = true;
vid.load();
代码语言:javascript
运行
复制
<video autoplay loop muted onclick="control()">
  <source src="promo.mp4" type="video/mp4">
</video>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55331430

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档