<video id="js-video" autoplay>
<source src="./vid.mp4" type="video/mp4">
</video>
<button id="js-button">
</button>
var video = document.getElementById('js-video');
var button = document.getElementById('js-button');
v
浏览 0提问于2016-03-14得票数 1
回答已采纳
HTML：
<video class="0" autoplay="true" width="586px" height="440" src=""></video>
JS：
$('video').mediaelementplayer();
if($('video').attr('class') == "0"){
$('video')[0].player.pause();
}
在chrome中，视频可以正确
浏览 1提问于2012-07-10得票数 0
回答已采纳
我有一个html5视频播放器，默认情况下它不允许您单击<video></video>播放器，它不会暂停/播放。
如何使HTML5 Video.js播放/暂停功能工作？
浏览 8提问于2013-10-01得票数 0
回答已采纳
我正在使用Video.js播放一些短视频。我使用Video.js的第一个页面如下所示： <video id='my-video' class='video-js' controls preload='auto' width='800' height='600' poster='MY_VIDEO_POSTER.jpg' data-setup='{}'>
<source src='example.mp4' type="video/m
浏览 28提问于2019-09-20得票数 0
1回答
我想尝试在播放器暂停时显示div内容中的一些信息，但问题是这是在播放器暂停和查找时显示的。 我有创建示例： var video = $('#video')[0];
video.addEventListener("playing", function() {
$('.text').text('playing');
});
video.addEventListener("pause", function() {
$('.text').text('
浏览 14提问于2019-01-17得票数 0
1回答
嗨，我已经给我的javascript添加了一个简单的函数，当滑块手柄被拖动时暂停视频，并在发布时取消暂停(如果视频正在播放，它工作正常).If视频暂停，当滑块手柄释放时，我希望视频保持暂停(这是不起作用的部分)。我遇到的问题是，在我释放滑块处理程序后，它会重新开始播放。我试着用一个变量来解决这个问题，但似乎不起作用。代码如下：
js：
// Pause the video when the slider handle is being dragged
var control=0;
seekslider.addEventListener("mousedown", function
浏览 1提问于2016-01-16得票数 0
3回答
我的网站上有很多响应式的html5视频，我只想通过点击/点击视频来播放/暂停它们。它在桌面上是这样工作的，但在智能手机上，如果你点击视频，它只会显示控件，所以你需要再次点击控件才能播放/暂停。有没有办法让video.js播放器在移动设备上的表现像在桌面上一样。在视频(不是控件)上点击一次，播放第二次点击暂停。这是我的代码。请寻求帮助
<div class="wrapper">
<div style="max-width: 400px;margin:auto">
<video id="video1" class=&#
浏览 1提问于2015-01-21得票数 4
我正在研究哪些应该是简单的操作，例如当单击一个按钮或play暂停按钮时，用Jquery播放和暂停一个简单的闪存视频，而我在网上找不到任何东西。
<object style="display: block;" type="application/x-shockwave-flash" data="//vjs.zencdn.net/4.0/video-js.swf" id="video-239-video_flash_api" name="video-239-video_flash_api" class="
浏览 3提问于2017-01-30得票数 0
1回答
我试图创建一个广告横幅，当页面加载广告横幅播放。广告横幅还有一个播放和暂停按钮功能，即当你点击播放/暂停功能时，视频播放和暂停。一旦视频播放完毕，<div class="vid-banner"></div>更改类将被替换为图像。我并不是Jquery中最优秀的，下面的链接是我要进入的方向的一个简短片段。
$("#play-pause-btn").click, '#video-wall__content'(function(e){
var video = $(this).get(0);
if (video.p
浏览 2提问于2014-11-02得票数 0
回答已采纳
我正在尝试使用jquery在点击时暂停并播放视频，通过检查视频是否已经暂停，如果没有，点击一个按钮暂停视频。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="footage">
<video width="320" height="240" autoplay muted playsinline loop id="video
浏览 8提问于2019-01-25得票数 2
1回答
问:是否可以暂停使用video.js播放器自动播放的视频，同时不显示视频的控件？
我正在使用video.js的一个网站，并获得视频自动运行访问该网站。
<video id="my-video" class="video-js" controls preload="auto" data-setup='{
"controls": false,
"loop": "true",
"autoplay": true,
"preload&#
浏览 1提问于2018-05-28得票数 1
回答已采纳
1回答
我希望播放/暂停一个或多个视频，这取决于它们是否在视口中。
我知道这可以通过jQuery (和插件)来实现，所以我尝试使用isInViewport插件和下面的代码，但是我收到了下面显示的错误。
HTML
<script src="scripts/jquery.js"></script>
<script src="scripts/isInViewport.js"></script>
[...]
<video id="video1" src="file.mp4" width=
浏览 15提问于2020-05-20得票数 0
我把我的video-js播放器放在一个百分比宽度的容器里，它终于可以漂亮地调整大小了。但是，控件被放置在视频的顶部而不是底部，并且暂停按钮将不起作用。滑块、音量和全屏都可以工作，但不能暂停。我已经尝试了4.2和4.2.1，但都没有成功。如果我使用托管在这里的版本："“，暂停可以工作，但控件仍然放在顶部。
我已经在firefox和chrome上测试过了，但没有成功。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<tit
浏览 1提问于2013-09-18得票数 0
1回答
我在video.js和video-js.css中都使用4.1.0。我可以在chrome中看到控制栏，但看不到IE8或IE9。我看到一个进度条和时间，但没有播放/暂停、音量控制或全屏图标。
我的视频标签是这样的：
<video id="myMovie" class="video-js vjs-default-skin" controls preload="auto" autobuffer width="800" height="480" ></video>
浏览 3提问于2013-08-09得票数 0
1回答
我正在播放一个html5视频在我的角度js应用程序。我希望视频能够暂停和播放时，视频屏幕被点击。我已经能够使用一个函数来暂停或播放它，我希望能够做到这两者取决于视频是暂停还是正在播放。我尝试过pausePlay()函数，但它不起作用。我的代码如下所示：
<video style="width:100% !important; height:auto !important;" controls ng-click="video($event)" src="{{feeditem.feed[0].url | trustUrl}}" type=&
浏览 6提问于2016-05-10得票数 2
1回答
当currentTime是>=2时，我想暂停一段视频，但我有一个问题。当你点击白色的div，视频改变，我希望该视频暂停2秒。但正如你在小提琴上看到的，第一段视频也暂停了2秒，我不想那样。我希望我的均衡器功能只工作在第二个视频，而不是第一个。
<video src="videos/loop.webm" id="video" width="100%" autoplay>
</video>
JS
//This code tracks currentTime
$("#video&#
浏览 2提问于2013-09-08得票数 0
回答已采纳
我的html里有一段视频。我希望视频在播放5秒后暂停，所以我使用了addEventListener。我还有两个按钮，它们要么调用restart()，要么调用跳转()。
当我播放我的视频时，我的视频上会有一个EventListener。它暂停在5秒，但我不能让它在5秒后播放(我已经尝试删除侦听器，然后视频不再停顿)。当我调用跳转()时，我将花费10秒的时间，但当我尝试播放它时，它会继续暂停。当我调用reset()时，视频将再次播放5秒，这是有意义的，因为我有一个侦听器在上面。当我调用跳转()时，如何让它在10秒后播放？起初，我想我必须删除我的听众，但我相信我仍然需要它，因为我希望视频暂停15秒。
浏览 0提问于2018-05-27得票数 0
回答已采纳
我正在使用jwplayer 5，当我的视频设置为全屏模式时，我需要一种方法来防止执行点击操作(如果暂停则播放，如果正在播放则暂停)。
我不能管理它。有解决方案吗？
以下是视频：
var video1 = jwplayer('vid1').setup({
'flashplayer': 'html/js/jwplayer5/player.swf',
'id': 'playerVid1',
'width': VIDPLAYER_CTR
浏览 0提问于2013-04-22得票数 1
我有一个简单的块，其中包含两个视频元素，我有一个暂停按钮，我想当用户点击暂停按钮它暂停当前正在播放的视频。
不幸的是，我的方法不起作用。我在代码中做错了什么？
document.querySelector("#video-pause_btn").addEventListener('click', function() {
console.log(($(this).attr('id')))
switch ($(this).attr('id')) {
case 'video-player_not-trans
浏览 1提问于2019-04-02得票数 0
我想在播放10秒后自动暂停一个视频。
这是HTML代码
<video id="video_kgvid_0" controls preload="metadata"
poster="video poster url" width="640" height="267" class="fitvidsignore video-js kg-
video-js-skin">
<source src="video url" type="video/mp4"
浏览 1提问于2018-03-21得票数 0
回答已采纳
我使用的是video.js。下面是我是如何实现它的。
<video id="example_video_1" class="video-js vjs-default-skin" loop preload="auto" width="530" height="530" poster="<?php echo $iurl; ?>" autoplay>
<source src="<?php echo $vurl; ?>" type='vide
浏览 1提问于2013-09-11得票数 8
回答已采纳
因此，我在一个多页项目中使用video.js，该项目的每个页面上都有不同数量的视频。我想播放一个视频暂停任何其他视频在页面上播放。我已经让它正常工作了，但是我的代码只有在它专门针对页面时才能工作，而不是单独在每个页面上工作。
HTML (示例)
<video id="video5" poster="poster.png" class="video-js vjs-16-9 vjs-big-play-centered"
data-setup='{
"controls": true,
"auto
浏览 3提问于2018-08-30得票数 0
回答已采纳
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<video-js
id="6304418462001"
class="overlayVideo"
data-account="6269594386001"
data-player="oHG2G
浏览 12提问于2022-07-19得票数 0
我是videojs的新手，我试图获得一个流视频链接，然后将其添加到videojs中，它的播放正常，但问题是当我点击暂停按钮时，我看到流工具栏也停止了，如果我暂停太长时间，它将显示消息"...Error网络下载...“。
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<!-- Chang URLs to wherever Video.js files will be hosted -->
浏览 2提问于2014-10-21得票数 0
2回答
如何防止在单击时暂停视频？e.preventDefault;不起作用。
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/
浏览 0提问于2017-04-30得票数 2
2回答
当视频暂停时，我试图显示一个元素。我正在使用video.js，目前，如果视频播放、暂停、完成等，就会添加类。
我不能做的是使用.hasClass()检查并显示元素。到目前为止，我使用的是：
if ($('.video-js').hasClass('vjs-paused')) {
$('.btn').addClass('show');}
else {
$('.btn').removeClass('show');
}
我想我需要经常检查任何变化，但我真的不知道怎么
浏览 7提问于2016-07-25得票数 0
回答已采纳
2回答
要在视频设置为暂停时显示暂停图标
、、、、
当电影暂停时，我想显示暂停图标。目前，它的节目只有戏剧图标。我不知道如何使用javascript帮助！
我的HTML：
<video id="video" height="100%" width="100%" autoplay muted>
<source src="video/google.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
浏览 1提问于2015-02-20得票数 2
回答已采纳
1回答
我是JS新手。我所处的情况是，我需要一组视频中的每个视频在mouseover上播放，并在mouseout上暂停。我使用forEach循环将此功能提供给所有视频，但现在我需要将此功能“移动”到每个视频的div容器中，而不是视频本身。 下面是我要开始的内容： HTML <video src="/path-to-video" loop></video>
<video src="/path-to-video" loop></video>
<video src="/path-to-video" loo
浏览 9提问于2021-03-16得票数 1
回答已采纳
我有一个Brightcove播放器，当播放器暂停时，我想将播放按钮更改为暂停按钮。
这就是玩家：
<div style=\"position: relative; display: block; max-width: 1515px;\"><div style=\"padding-top: 50.77574047954866%;\"><video id=\"myPlayerID3\" ' +
' data-video-id=\"' + data3.videoId
浏览 4提问于2021-12-07得票数 -1
回答已采纳
在js中有什么工具或方法可以在按下windows按钮或任务栏时暂停视频播放吗？
<html>
<title>Video</title>
<body>
<video id="video" controls>
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
<sc
浏览 27提问于2020-05-18得票数 0
回答已采纳
1回答
我用的是video.js，
<video class="video-js vjs-default-skin" src="http://vjs.zencdn.net/v/oceans.mp4" controls="true" preload="yes" poster="http://www.videojs.com/img/poster.jpg" data-setup="{}">
<source src="http://vjs.zencdn.net/v/oceans.m
浏览 6提问于2015-09-14得票数 0
回答已采纳
1回答
使用播放和暂停视频
、、、
我希望你能帮助我。我有一个播放和其他暂停的按钮，但不工作。谢谢。这是我的代码示例：
<!DOCTYPE html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<link href="http://vjs.zencdn.net/3.2/video-js.css" rel="stylesheet" type="text/css">
<script src="http:
浏览 0提问于2013-04-10得票数 0
我在vue js应用程序中使用vimeo播放一个视频，但我无法获得暂停事件和播放事件.下面我已经给出了我正在使用的代码，但是我似乎遗漏了一些东西，或者我没有得到添加的要点。视频正在通过它正在播放的API，但是当视频暂停时，我想获得暂停事件触发器。
<template>
<div style="max-height: 560px">
<h1 class="title is-size-3" style="text-align: center;">{{ videoTitle }}</h1>
浏览 7提问于2019-10-12得票数 2
1回答
所以我在我的网站上使用video.js作为我的视频播放器，但我想知道是否有一种方法(使用video.js或其他视频播放器)能够在网站上的所有设备之间同步视频？
例如，如果A人，B人和C人在我的网站上观看这个视频，它会同步他们的视频，以便他们在同一时间，如果他们中的任何一个暂停，那么所有三个人都会看到他们的视频暂停？很像Netflix Party / Youtube上的视频派对。我是JS的新手
浏览 13提问于2021-05-22得票数 0
1回答
我有一个jquery循环滑块，在播放视频或到达显示视频的幻灯片时，都需要暂停。(这两个选项都可以，但我不知道如何用某个类或id暂停幻灯片。)我使用来显示视频。
所发生的是，当我按下播放视频开始播放，但当我移动鼠标离开视频，它会自动转到下一个幻灯片。如果我点击寻呼机缩略图，它就会暂停，但是如果幻灯片正常进行，然后按play，它就会遵循周期'timeout.‘’设置的规则。
我正在寻找的是一种在播放视频时暂停幻灯片显示的方法--要么在视频开始播放时调用一个事件，要么在到达视频幻灯片时完全暂停幻灯片放映。
我脑子里有这个：
<script>
jQuery(document
浏览 1提问于2012-04-25得票数 2
回答已采纳
1回答
我有一个页面上的HTML5视频播放器。标准标签... <video id="player" controls crossorigin playsinline autoplay poster="poster.png" id="player" width="100%" height="auto">
<!-- Video files -->
<source src="video.mp4" type="video/mp4" style="
浏览 38提问于2019-12-28得票数 0
3回答
在视频上叠加播放按钮
、、、
我目前有一个脚本，可以在onclick上播放和暂停视频。我想要做的是在视频开始和暂停时在视频上叠加一个播放按钮，并在视频再次播放时使该按钮消失。
如有任何建议，我们将不胜感激。
HTML
<video class="video"><source src="http://e14aaeb709f7cde1ae68-a1d0a134a31b545b257b15f8a8ba5726.r70.cf3.rackcdn.com/projects/31432/1427815464209-bf74131a7528d0ea5ce8c0710f530bb5/1280x720
浏览 0提问于2015-05-19得票数 14
2回答
我正在尝试测试一个没有ID的视频(它是webm格式)，从一开始就使用暂停/播放/播放等标准操作。下面是我到目前为止发现的
因此，只需粘贴代码的一部分：
JavascriptExecutor js = (JavascriptExecutor) driver;
//play video
js.executeScript("document.getElementById(\"video\").play()");
Thread.sleep(5000);
//pause playing video
js.executeScript("documen
浏览 2提问于2015-03-31得票数 0
回答已采纳
2回答
我正在使用video.js显示html5视频。我还有一个jquery函数，可以通过点击链接来暂停页面上的所有视频。这个很好用。
除了..。如果浏览器不支持html5视频，则返回到flash (视频显示为.swf)。我的暂停功能对闪存没有影响。因此，我需要一种方法来暂停.swf的外部链接。只有当你知道闪存电影中标签和组件的名字时，我才能找到有效的解决方案。但我不知道。下面是.swf的输出方式：
<object id="tkavideo_flash_api" class="vjs-tech" width="100%" height="1
浏览 1提问于2013-11-15得票数 0
回答已采纳
在学习javascript的同时，我一直在处理video.js，但似乎不知道如何在一段时间过去之后暂停视频。
myPlayer.play(function(){
whereYouAt = myPlayer.currentTime();
if (whereYouAt == 10) {
myPlayer.pause();
}
})
这是我的暂停密码。
浏览 1提问于2015-02-18得票数 4
回答已采纳
我创建了一个jsfiddle ()。我播放第一个视频，然后当我去播放第二个视频时，第一个视频应该暂停。我不知道我错过了什么？任何帮助都将不胜感激！
$(".video-js").each(function (videoIndex) {
var videoId = $(this).attr("id");
_V_(videoId).ready(function(){
this.on("play", function(e) {
//pause other video
$
浏览 9提问于2015-10-28得票数 2
回答已采纳
2回答
我想播放一个音频文件，但是它是自动播放的，我不能暂停。
我怎么才能解决这个问题？
必须在一开始就暂停
我的代码：
import Video from 'react-native-video';
export default class Android extends Component {
constructor(props) {
super(props)
this.state = {
paused: true,
}
}
video: Video;
render() {
return (
<Vi
浏览 2提问于2017-08-29得票数 4
回答已采纳
3回答
我的目标是当视频进入视口时，视频将自动播放，即使在播放按钮中没有点击，离开视图时也会自动暂停，甚至没有在暂停按钮中单击。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video id="video1" played="false" style="width: 100%; height: 60vh" controls co
浏览 9提问于2022-05-23得票数 0
1回答
我正在使用jQuery插件isInViewport 来控制两个视频在一个页面上的播放和暂停。
我唯一能让它工作的方法就是用两个if-语句显式地检查每个视频ID。
以下工作：
$(window).scroll(function() {
if ( $("video#one").is( ':in-viewport')) {
$("video#one")[0].play();
} else {
$("video#one")[0].pause();
}
if ( $("video#two"
浏览 1提问于2019-03-04得票数 0
回答已采纳
1回答
多个视频的播放/暂停切换
、、、、
我一整天都在寻找这样的结果，并尝试了无数的可能性，但到目前为止还没有成功。
对于一个新的网站，我想制作一个包含3个视频的视频播放列表，但是当我点击播放/暂停切换时，所有的切换都会从播放切换到暂停，而不是只有一个。
我想防止在我的代码中使用ID toggle1、toggle2、toggle3等。我想创建一个带有按钮的类，我可以放在每个视频上。当我点击第一个视频的播放按钮时，这些按钮只需要切换到第一个视频。第二个和第三个视频仍处于暂停状态。
任何帮助都将不胜感激！
$('.play-toggle').click(function () {
if ($(this).hasCl
浏览 24提问于2020-06-07得票数 0
回答已采纳
如何使用e.key使用空格键暂停html5视频？逻辑上有点问题...
<div class=modal-video id="v-5417">
<div class=video-player>
<video id=v-5417-tape preload="none">
<source type="video/mp4" src="videos/anthem-od47.mp4">
浏览 315提问于2014-11-18得票数 5
回答已采纳
我的video.js控件没有显示在视频中，但在视频之外有很多不必要的选项，如下面的截图所示。 ? 我的代码是这样的： {% block content%}
<style>
#video-js {
max-width:auto;
width:auto;
max-height:auto;
height:auto;
margin:auto;
padding:auto;
background-color: #343A40;
}
</style>
<video
id="video-js"
浏览 132提问于2021-03-29得票数 1
3回答
我正在使用reveal.js演示一些短视频剪辑(每张幻灯片1个剪辑)。reveal.js演示文稿的默认设置允许使用向左/向右箭头键在幻灯片之间导航。我想使用空格键(key=32)来播放/暂停视频，因此我正在尝试更改/覆盖reveal.js中的默认键盘绑定。提出了以下建议：
Reveal.configure({
keyboard: {
32: function() {}
}
});
我试图插入几个代码/函数，但当我试图在浏览器上运行代码时，要么得到一个黑屏，要么什么也没有发生。
var video = document.getElementById('video'
浏览 1提问于2015-05-21得票数 2
1回答
下面是我用来播放和暂停视频的代码，它在我的桌面上运行良好
当我们点击vidoe时，它会打开并以全屏播放，当再次按下vidoe时，vidoe应该会暂停，并显示警告消息pause。
当我在我的andorid浏览器中播放时，无法获得警告消息
链接:
Js代码：
/* Write JavaScript here */
$(document).ready(function() {
var v = document.getElementById("myVideo");
$('#myVideo').on('c
浏览 1提问于2015-01-22得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
