美文网首页
video视频的播放与关闭

video视频的播放与关闭

作者: 华夏工程师 | 来源:发表于2019-03-22 17:36 被阅读0次

1.video打开时直接播放视频

$('.n1_btn').click(function() {

$('.n1-video').addClass('show').removeClass('hide');

$('.n1_btn').addClass('hide');

var aviDom = $('#avi').get(0);//get获取到#avi这个id的下标,因为下面需要用原生js调用

aviDom.play();//打开时播放

});

2.video关闭时关掉视频的后台运行

$('.des3_left_btn').click(function(){

$('.des3_video').addClass('show').removeClass('hide');

});

$('.video_btn_gb').click(function(){

$('.des3_video').addClass('hide').removeClass('show');

/*$('#avi').pause();暂停*/

/*$('#avi').play();打开*/

$('.avi').load();//关闭掉视频的播放,需要用原生js调用,这个不规范

});

相关文章

  • video视频的播放与关闭

    1.video打开时直接播放视频 $('.n1_btn').click(function() { $('.n1-v...

  • 02HTML基础--基础标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性 src: 告诉video标签需要播放的视频地址 ...

  • 多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性: src: 告诉video标签需要播放的视频地址...

  • 多媒体标签

    video标签 作用:播放视频 格式: video标签的属性src: 告诉video标签需要播放的视频地址auto...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • 06HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • HTML基础--多媒体标签

    video标签 作用: 播放视频 格式1: video标签的属性src: 告诉video标签需要播放的视频地址au...

  • video元素使用

    problem:在element ui的dialog弹框中使用了video元素,关闭弹框时,发现视频还在播放,有声...

  • HTML多媒体标签

    video标签 格式1: 作用: 播放视频 属性: src: 告诉video标签需要播放的视频地址 autopla...

网友评论

      本文标题:video视频的播放与关闭

      本文链接:https://www.haomeiwen.com/subject/ynvrvqtx.html