下面的代码设置video.js并侦听loadedalldata事件以开始播放，并侦听and事件以加载另一个文件。如果一个flv先播放，我会得到loadedalldata事件来加载flv，然后它会播放，我得到结束的事件，mp4加载，但是我从来没有得到loadedalldata事件。
如果mp4首先播放，我得到两个loadedalldata事件，mp4播放，我得到结束事件，flv加载，我得到loadedalldata事件，flv播放，我得到结束事件，flv再次加载--但是我从来没有得到loadedalldata事件。
如果这两个vids都是mp4，它会在一个循环中播放(每次有两个loadedall
浏览 9提问于2014-11-18得票数 0
回答已采纳
1回答
我有一个页面，其中包含使用<video>框架的多个video.js播放器实例。在播放其中一个实例时，我想暂停任何其他的播放实例。或者，用另一种方式说，当演奏其中一个的时候，我希望所有其他的都停下来。
顺便提一下:不幸的是，我在Wordpress环境中使用它，在这个环境中我不知道video.js元素的id，因为它是动态创建的。我还可以访问jquery。
html输出结果如下所示：
<video id="example_video_id_1984815762" class="video-js vjs-default-skin" width="
浏览 3提问于2013-09-24得票数 0
因此，我有一个应用程序，用户可以上传和播放视频。现在，我有了一个预览模式窗口，允许用户点击一个剪辑，然后弹出一个模式，他们可以在其中播放剪辑。
不过目前，modal只有一个剪辑的缩略图，如下所示：
$('#myModal .my-profiletxt').html('<%= @clip.film.name %>');
$('.qpcliptitle').html('<%= @clip.name %>');
$('.qpdesc').html('<%= @clip.descrip
浏览 1提问于2014-07-05得票数 1
所有人。
我刚刚从“余辉”播放器中建立了自己的视频播放器。余辉播放器是一个超级简单的视频播放器实现基于video.js，消除了所有设置的麻烦。
现在，我将使用广域网(视频广告服务模板)在我自己的播放器上的广告。但是在这位“余辉”球员身上，事情还没有成功。(video.js提供了一些很酷的事件，您可以将这些事件绑定到其中。由于余辉具有自成一体的启动过程，要使所有的活动正常工作并不容易。)
在我看来，我们应该使用“视频ads控制-广告”插件(对于广大的)，它提供了六个互动点(四个事件和两个方法)，我们可以在集成中使用。
，所以我想知道的是，余辉播放器是否可以与“视频is contrib ad”合作
浏览 3提问于2016-05-18得票数 0
回答已采纳
1回答
视频JS和SWF点击事件
、、、、
我使用"video.js“，并写了一些Javascript，让其他视频播放停止，如果另一个被点击和播放。这在IE9+、Chrome、Safari和其他使用HTML5 <video>标记的现代浏览器中运行得很好。
我的问题在于IE8和SWF/Flash的退路。单击事件似乎没有在点击时触发。
$('div.video-js').on('click', function() {
var $this = $(this),
player = videojs($this[0]);
thisVideo
浏览 2提问于2013-12-17得票数 0
回答已采纳
2回答
我目前正在为video.js构建一个插件，在某些断点将覆盖显示在屏幕上。但是，如果不启动视频，我无法单击任何覆盖。我认为我需要禁用播放器上的点击播放功能。
如何禁用/启用video.js播放器的点击播放功能？
function createBreak(breakpoint){
player.pause();//pause the playback
player.getChild('controlBar').hide();//hide the controlbar
breakpoint.resolved = true;//
var button
浏览 1提问于2015-10-05得票数 0
1回答
我正在尝试使用Video.js更改HTML5视频的来源。
信号源正在更改，我可以单击播放，它将播放视频，但我需要视频来播放事件。特别是loadedalldata事件。
我已经阅读了，它建议，我所做的应该是有效的(根据我的理解)。
Javascript：
var player = _V_('video'),
video = [{
"type": "video\/mp4",
"src": "http:\/\/mabuse.dev\/assets\/videos\/testVideo.mp
浏览 5提问于2013-10-22得票数 6
我已经在安卓手机上创建了应用程序，我想用html5视频播放器播放视频。我的代码是：
<!DOCTYPE html>
<html>
<head>
<title>Video.js | HTML5 Video Player</title>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet" type="text/css">
浏览 2提问于2012-03-14得票数 0
当我的视频从S3存储桶中加载时，我想在Video.js播放器中显示一个加载程序。
我有一个Video.js播放器，其中显示了一个“播放”按钮，当这个按钮被点击时，播放器会显示一个黑屏，直到视频从S3桶中加载。我怎样才能在黑屏上显示一个加载器？
浏览 2提问于2015-09-24得票数 3
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
回答已采纳
我有很多视频在同一个HTML5播放器中一个一个地播放
<video id="homevideo" width="100%" autoplay autobuffer>
<source src="app/video1.mp4" type='video/mp4' />
</video>
JS
video_count = 1;
videoPlayer = document.getElementById("homevideo");
videoPlayer.addEventList
浏览 2提问于2013-07-08得票数 4
回答已采纳
这些是我的impress.js幻灯片。其中两个有视频。我只想让焦点幻灯片播放声音。每次播放幻灯片时，我都想让其余的人静音。每张幻灯片都有一个内含视频的iframe。
视频的播放列表脚本为：
function shuffle (array) {
var i = 0
, j = 0
, temp = null
for (i = array.length - 1; i > 0; i -= 1) {
j = Math.floor(Math.random() * (i + 1))
temp = array[i]
array[i] = array
浏览 2提问于2017-05-12得票数 0
虽然我可以用一个普通的HTML5播放器监听"timeupdate“事件，但我似乎不能让它在video.js上工作。
下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<link href="video-js.css" rel="stylesheet">
<script src="video.js"></script>
<script src="jquery.min.js"></scrip
浏览 10提问于2015-04-14得票数 6
回答已采纳
1回答
我想尝试在播放器暂停时显示div内容中的一些信息，但问题是这是在播放器暂停和查找时显示的。 我有创建示例： var video = $('#video')[0];
video.addEventListener("playing", function() {
$('.text').text('playing');
});
video.addEventListener("pause", function() {
$('.text').text('
浏览 14提问于2019-01-17得票数 0
2回答
如何创建video.js播放列表
、、、、
有没有办法用video.js创建一个播放列表？目前我正在使用webm视频作为背景，我想要实现的是在第一个结束后添加另一个视频播放。最好的结果是让它们在无限循环中运行。
这是我现在拥有的视频标签：
<video id="video" class="video-js vjs-default-skin"
autoplay preload muted width="1080" height="568"
<source src="wp-content/themes/myTheme/video/video1.webm
浏览 4提问于2015-08-04得票数 0
我使用Video.js作为一个定制的视频播放器，默认情况下，当视频开始播放时，它会显示字幕。如何在“开始/自动播放”中禁用封闭标题？
var myPlayer = _V_("myPlayer");
var videoPlaying = true;
// video captions button
var myCaption = myPlayer.controlBar.addChild("button");
// Styling to empty button
$(".vjs-control-text").empty();
// Add
浏览 4提问于2015-03-17得票数 3
回答已采纳
我已经使用videojs文档中的指南创建了一个工作正常的组件(见下文)。加载后，我还可以通过window.player.play()等应用编程接口函数从控制台控制播放器。
现在我想创建一个播放/暂停按钮组件。如果我只使用onClick = {window.player.play}，当页面加载并导致错误时，播放器不存在。
我希望Play/Pause组件是VideoPlayer的兄弟组件：
<div>
<VideoPlayer props />
<PlayButton />
<PauseButton />
</div>
从其他
浏览 16提问于2017-07-31得票数 0
回答已采纳
我已经使用JS API创建了一个自定义的youtube播放器。当我用鼠标移出播放器时，我试图淡出播放器控件，而当我将鼠标移入播放器时，我试图使播放器控件变暗。
以下是我使用的jQuery代码。
$("#video-container, #ytPlayer").on('mouseover', function(){
$('#video-controls').fadeIn(500);
}).on('mouseout', function() {
$('#video-controls').fadeOut(
浏览 0提问于2013-02-10得票数 1
回答已采纳
我正在使用video.js视频播放器。
我有一个在多个浏览器中加载的应用程序。应用程序中加载了一个video.js视频播放器。其中一个应用程序充当主应用程序或控制器应用程序。其他都是受控制的应用。
使用websockets，我希望将控制消息从主播放器发送到受控制的播放器。
我希望在受控播放器中从主播放器中模仿以下操作：
音量控制。播放按钮暂停按钮跳到视频的任意点
当用户在播放机中启动这些控件时，是否提供回调？如果是这样的话，是否有足够的数据传递给回调，以便反过来通过websockets将这些数据传递给远程播放器来执行相同的操作？
任何指示都会有帮助。
浏览 3提问于2021-08-06得票数 1
回答已采纳
1回答
我有一个Html5视频播放器：
<video
video id="videoObj" class="video-js vjs-default-skin center" webkit-playsinline autobuffer preload="auto" poster="http://SomePoster.png">
{VideoFiles}
</video>
当网络连接不好时(在iOS设备上播放视频，在uiWebView上播放)，视频就停止播放。我试着为那个和获取一个事件，但是没
浏览 1提问于2013-05-06得票数 1
3回答
当用户单击一个允许用户跳过视频的end时，我正在尝试播放一个视频。
我一直在使用以下内容，这一切都是好的，并允许我触发一个动作时，视频结束。
HTML
<video autoplay>
<source src="video.mp4" type="video/mp4">
</video>
<button class="skip">Skip video</button>
JS
$('video').on('ended',function(){....
浏览 4提问于2017-01-16得票数 1
回答已采纳
2回答
我尝试使用div show()和hide()分别显示和隐藏一个包含HTML5视频播放器播放指示符的jQuery。我可以使用父div (# video )播放和暂停视频，但一旦我隐藏了包含播放图标(# play )图像的div，单击功能就不再响应，使我无法暂停视频。
有什么想法吗？
我有以下javascript：
$(document).ready(function(){
var currentVideo = $('video').get(0);
var playIndicator = $('#play');
$('#video').click
浏览 0提问于2012-09-22得票数 0
我正在尝试在jwplayer开始播放之前获取视频的持续时间。我尝试在onReady事件回调中调用getDuration ()，但它返回-1。当我在onPlay事件回调中调用getDuration ()时，我得到了正确的值。有什么想法吗？
下面是我的代码：
<video src="movie.mp4" id="video" width="800" height="600"></video>
<script type="text/javascript">
jwplayer ('
浏览 1提问于2012-07-12得票数 4
2回答
我目前正在做一个有很多视频的项目，这个项目需要在iphone上工作。
但实际上，ios的视频占位符不允许我在页面中滚动。我尝试在我的视频标签上应用webkit-playsinline属性，但它不起作用。
有没有办法--完全使用HTML5/JS --来阻止ios视频播放器的本机行为？
我注意到这个问题只出现在iphone (IOS7)上，而不是ipad。
谢谢！
这是我的视频标签：
<video vineresizer preload="auto" poster="{{vine.src_poster}}" loop webkit-playsinline=&#
浏览 0提问于2014-03-28得票数 2
回答已采纳
1回答
我有下面的html代码，它是由Wordpress中的一个短码自动生成的。它包括在前端动态添加一个视频(来自Youtube)。我的想法是在同一个页面上有多个视频。每次用户添加一个短码时，它都会创建html。
<div class="row entry-video">
<div class="video-container">
<div class="video-cover" style="background-image:url('img/cover-video.jpg');"
浏览 20提问于2020-02-03得票数 2
回答已采纳
我正在用MP4文件做一个播放列表。播放列表是动态加载的，并通过Video.js连续播放。只要闪回不起作用，它就能正常工作。如果使用闪光灯，它将播放第一个剪辑，然后更改源，最后冻结，一帧或两帧到第二个剪辑。我使用的不是任何特殊的flash播放器，而是集成在Video.js中的一个。我在网络上见过很多人都有同样的问题，但没有答案。这是一个真正的问题，还是我做错了什么？
下面是我更改源代码的地方：
thePlayer.addEvent("ended", function () {
var vp = this;
vp.src({ type: "video/mp4
浏览 1提问于2013-03-08得票数 3
回答已采纳
1回答
我有一个播放器应用程序，有一个问题，卸载自己时，链接改变(反应路由)。在第一次加载www.host/video时，一切都很好，但是退出/video时，播放机事件(play/暂停在空间上)播放机继续在所有页面上工作。当我返回到www.host/视频页面时，播放机会从player.scss加载样式，但不会响应单击，第一个播放器也会继续响应事件。球员没有显示在区域中，但是jsxPlayer.js继续工作。
当路径名不等于“/video”时如何卸载组件？
jsxPlayer.js
import React from 'react';
import "./../player/p
浏览 5提问于2022-09-09得票数 -1
2回答
我使用VideoJS播放来自Wowza服务器的实况流，但当我暂停播放器并再次播放时，播放器无法恢复流。我需要重新加载网页才能再次启动流。
<video id="videoID" class="video-js vjs-default-skin vjs-big-play-centered" poster="/images/image.png" controls="controls" width="320" height="240" data-setup='{"techOrder
浏览 2提问于2014-08-22得票数 6
2回答
我正在尝试获取我的播放器的视频持续时间，但它返回NaN，我不完全确定如何从这里访问它。
<video id="videoPlayerNew" class="video-js vjs-default-skin vjs-controls-enabled" poster="http://camendesign.com/code/video_for_everybody/poster.jpg" data-setup="{}" controls="">
<source src="sample.
浏览 3提问于2016-11-23得票数 13
回答已采纳
2回答
如何开启JQuery视频自动播放
、、、、
只是想知道如何让一个视频加载和自动播放，一旦另一个视频播放完毕。我是个菜鸟，我真的
HTML
<div class="videoWrapper">
<video id="video2" controls>
<source src="videos/wotebackinupsong.mp4">
<source src="videos/wotebackinupsong.ogv">
</video>
</div>
JS
浏览 42提问于2016-09-22得票数 0
回答已采纳
1回答
我想创建一个页面，允许用户从他们的本地机器上选择一个视频文件，然后在html上播放该视频。我已经弄清楚了每个单独的部分，但是我如何让它们相互作用呢？ 要获取用户输入，我有以下内容： <label for="input">Choose a video file to process:</label>
<input type="file"
id="input" name="input_video"
accept="video/mp4, video/mov"&
浏览 25提问于2020-09-15得票数 2
回答已采纳
我使用的是jquery video.js。我有问题在自动播放视频的android移动和iphone设备。
它在我的电脑浏览器中工作正常
我的代码是
<html>
<head>
<script href="skin/frontend/fashfolies/default/js/video-js/video.js"></script><!-- skin/frontend/fashfolies/default/js -->
<link src="skin/frontend
浏览 1提问于2016-09-28得票数 0
1回答
我使用的是HTML5视频播放器和自定义控件按钮。下面是我的HTML结构：
<video width="840" id="video">
<source src="{{box.video}}" type="video/mp4">
</video>
<div class="controls">
<button cla
浏览 1提问于2017-10-15得票数 0
2回答
在铬(7.0.517.44)，我使用的<video>标签和音频将只播放每隔一次视频播放。
为什么音频不总是和视频一起播放？
在第一页：
<div id="VideoShow">
<video id="VideoPlay" width=800 height=600></video>
</div>
单击此JS即可运行。
function playVideo(videoName) {
$("#VideoShow").fadeIn(300);
var Vid = docu
浏览 3提问于2010-11-22得票数 2
回答已采纳
2回答
点击后视频不会自动播放
、、、
由于某些原因，我的视频在点击时不能自动播放。我已经将我的视频元素设置为：
<video id="epsilon_launch" class="video-js vjs-default-skin" preload="auto" data-setup="{}" width="920" height="518" controls autoplay>
<source src="video/epsilon_launch.mp4" type="video/mp4"
浏览 2提问于2014-05-14得票数 0
我正在尝试抓取一些未播放的视频的图像。因此，我使用HTML5。
因为我想抓取尚未播放的图像，所以我设置了
video.currentTime = y;
如果我现在调用grap函数，它将无法工作。因为video.readyState是1(而不是4)。如果我在grab函数的开头添加一个alert();，它就会起作用。
我尝试循环到readyState == 4，使用
while(true){
if(video.readyState == 4){
grapImage();
}
}
但这最终导致了一个无尽的循环。
那么我怎么能等到readyState == 4
谢谢
浏览 3提问于2014-02-11得票数 6
回答已采纳
3回答
我的网站上有很多响应式的html5视频，我只想通过点击/点击视频来播放/暂停它们。它在桌面上是这样工作的，但在智能手机上，如果你点击视频，它只会显示控件，所以你需要再次点击控件才能播放/暂停。有没有办法让video.js播放器在移动设备上的表现像在桌面上一样。在视频(不是控件)上点击一次，播放第二次点击暂停。这是我的代码。请寻求帮助
<div class="wrapper">
<div style="max-width: 400px;margin:auto">
<video id="video1" class=&#
浏览 1提问于2015-01-21得票数 4
嗨，在我的要求中，我想要一个接一个地播放两个视频。我想要持续播放它们。为此，我使用以下代码。
<html>
<div class="video_player">
<video width="100%" height="auto" id="video" controls >
<source src="<%=videoPath1%>" type="video/mp4" />
浏览 5提问于2014-02-17得票数 0
1回答
所以我在我的网站上使用video.js作为我的视频播放器，但我想知道是否有一种方法(使用video.js或其他视频播放器)能够在网站上的所有设备之间同步视频？
例如，如果A人，B人和C人在我的网站上观看这个视频，它会同步他们的视频，以便他们在同一时间，如果他们中的任何一个暂停，那么所有三个人都会看到他们的视频暂停？很像Netflix Party / Youtube上的视频派对。我是JS的新手
浏览 13提问于2021-05-22得票数 0
3回答
我的目标是在播放视频时获得视频播放的src。
我目前有以下代码：
<!doctype html>
<html>
<head>
</head>
<body>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg"&
浏览 6提问于2013-11-22得票数 1
回答已采纳
1回答
我正在开发一个功能，在我的屏幕上加载，视频应该开始反向播放。(从最后一帧到第一帧)。它实际上可以在屏幕上加载，甚至可以在点击按钮时使用。
此时此刻，我已经实现了直到(在StackOverflow的帮助和支持下)播放我的视频-并在一段时间后反向播放。这是我使用的代码-
<!DOCTYPE HTML>
<html>
<head>
<style>
video{
height: 200px;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js
浏览 2提问于2013-08-08得票数 3
1回答
我正在使用video js来播放视频，我正在动态添加src。第一次视频播放正常。但是第二次我们只能在这里用黑屏播放音频。当我刷新页面，然后第一次视频playing.please帮助我解决这个问题。
function playVideo() {
var videoURL = 'https://www.youtube.com/watch?v=2cEhbG3-2wY'
videojs('player').ready(function() {
this.on('play', function() {
})
this.sr
浏览 2提问于2017-05-02得票数 0
我正在这个移动站点上工作，在那里我需要在全屏播放一个YouTube视频。到现在为止还好。只是一个YouTube嵌入，和哇啦。
但!(是的，总有一个“但是”)
当视频结束时，我需要触发一个事件(即JS函数)。我认为Safari将YT嵌入转换为<video>标记，所以我尝试使用HTML5s视频事件，但没有工作：
$('video').bind('ended', function () {
alert('Video has ended');
});
这段代码在直接使用<video>标记时工作，但在使用YT时不起作用。
浏览 3提问于2011-11-08得票数 1
我正在尝试使用Javascript播放jPlayer，但它不会从Javascript中播放；我必须手动单击<button>来播放它。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<script type="text/javascript" src="
浏览 2提问于2016-10-11得票数 0
回答已采纳
我的页面上有许多HTML5 <video>元素，所有这些元素都在桌面上工作得很好。然而，在iOS Safari上，只在长时间播放视频，而不是普通的点击(它应该复制‘点击’jquery函数)。有人能提出为什么这段视频不按自来水播放吗？为什么在短暂的时间内就这样做了呢？
$(document).ready(function() {
// Preload the video
setTimeout(function() {
$('.video video')[0].load();
}, 0);
$('.video video'
浏览 6提问于2017-11-28得票数 1
回答已采纳
场景
我正在使用以下插件，它获取视频的字幕，并将它们显示在文字记录区域：
我的播放器基于高级播放器示例(它使用播放列表和播放列表-ui插件)：
理想行为
在视频结束时，文本区域的内容和功能应该更改为与下一个视频标题相关。
实际行为
文字记录正在为第一段视频工作。
但是，在视频的末尾，下一个视频开始播放，记录区域保持不变(文本和功能)，并继续使用与第一个视频相关联的.vtt文件。
第二视频的标题(显示在视频区域中)正在正确显示。
我试过什么
我在视频的末尾添加了一个听者，清除了转录区的html，然后尝试用下面的内容重新初始化视频is和文字插件，但是文本区域只是重新填充了相同的文本和功能。
/
浏览 5提问于2017-02-05得票数 0
回答已采纳
首先，我使用html5视频嵌入我的视频，当我处理错误时，如果视频不能播放，一切都很好：
$('video source').last().on('error', function() {
alert('error play movie');
});
但是视频JS根本不起作用，视频JS的工作就是这样的事件：
var myPlayer = videojs('myvideo');
myPlayer.on("play", function(){
alert('play movie');
});
那么，
浏览 2提问于2016-09-10得票数 0
回答已采纳
我想在视频播放结束时将vimeo视频播放器从屏幕上移出。
下面是HTML：
.one-container
%a#slide1
.row.video-left
.large-8.columns
.flex-video.widescreen.vimeo
%iframe{allowfullscreen: "", frameborder: "0", height: "225", mozallowfullscreen: "", src: "http://player.vimeo.
浏览 1提问于2014-03-13得票数 0
1回答
首先，我知道，在iOS下，网站上的视频只会在用户动作上播放(除非设置了单击事件)。
我有一个HTML5视频元素：
<video muted="muted" loop id="js-b2b-video">
<source src="my_video.mp4" type="video/mp4">
</video>
然后，在JS中，有一段代码侦听窗口的scroll事件：
$(window).on('scroll', function() {
var $video =
浏览 0提问于2017-08-16得票数 1
1回答
我有一个jquery循环滑块，在播放视频或到达显示视频的幻灯片时，都需要暂停。(这两个选项都可以，但我不知道如何用某个类或id暂停幻灯片。)我使用来显示视频。
所发生的是，当我按下播放视频开始播放，但当我移动鼠标离开视频，它会自动转到下一个幻灯片。如果我点击寻呼机缩略图，它就会暂停，但是如果幻灯片正常进行，然后按play，它就会遵循周期'timeout.‘’设置的规则。
我正在寻找的是一种在播放视频时暂停幻灯片显示的方法--要么在视频开始播放时调用一个事件，要么在到达视频幻灯片时完全暂停幻灯片放映。
我脑子里有这个：
<script>
jQuery(document
浏览 1提问于2012-04-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
