理想行为
带有播放列表的响应性video.js播放器()
在Google脚本环境中
有防火墙限制，因此需要自托管文件.
Google Apps Script application behind a firewall条件是不相关的，除了这意味着我需要确切地知道需要哪些文件，这样我就可以将它们单独添加到Google脚本项目中。
我试过什么
这里有一个教程：
它最终形成了以下HTML和CSS：
<section class="main-preview-player">
<video id="preview-player"
浏览 3提问于2017-01-08得票数 8
1回答
我有一个本地RTMP流，我正尝试在本地webapp应用程序中可视化它。在谷歌上快速搜索一下，就会发现Video.js是首选的浏览器。然而，我找不到一个有效的例子。搜索此站点发现，Video.js不太可能仍然支持RTMP流。
那么，如果是这样的话，我还可以使用哪些现代前端工具来查看我的webapp中的RTMP流呢？FWIW，我有一个角度1 SPA。
浏览 12提问于2019-07-17得票数 0
1回答
在中，我可以移动Chrome中的进度条。但是在中我不能移动进度条(它甚至不能在Safari中加载)。这两个超文本标记语言文件之间唯一的区别是工作示例是从加载视频，而非工作示例是从加载视频
因此，我最好的猜测是两个不同的服务器以不同的方式提供文件。但是我该如何解决这个问题呢？哪些服务器/目录设置会导致此问题？
<html>
<head>
<link href="http://vjs.zencdn.net/6.6.3/video-js.css" rel="stylesheet">
</head>
<body
浏览 14提问于2018-02-15得票数 0
1回答
我使用的是twilio-video.js 1.6.0，视频通话在chrome中工作。但在Firefox62中，视频通话期间不会出现视频。我想检查一下当前firefox浏览器支持哪些编解码器？如何检测任何浏览器都支持哪些编解码器？
浏览 13提问于2018-09-18得票数 1
我使用的是video.js 4.0.3版。我可以在代码中进行哪些更改，以隐藏自动播放开始时的控制栏？
浏览 2提问于2013-06-06得票数 0
我正在做一个必须在Firefox和IE 11上工作的videojs项目，并且是用angular-ui-router构建的。其中一个状态有一个视频播放器，在第一次加载时，videojs会正确地生成内容。但是，如果您离开该状态并返回，则不会生成videojs内容，而是显示默认的html5视频元素。有没有办法解决这个问题？此外，(在IE11中更常见)，videojs有时会随机地无法在第一个页面加载时生成内容。我不知道这些问题是否相关，或者是什么导致了问题，因为控制台日志中没有错误。
我甚至不确定哪些代码会与post相关。以下是视频的html：
<video controls preload d
浏览 2提问于2016-08-24得票数 0
1回答
我想知道应该向哪些表中添加create_time和update_time列？
如果我有video表，video_detail表，tag表和tag_video_relation表。
我知道表(如tag``tag_video_relation)不需要create_time和update_time column.But，video和video_detail怎么办？
如果video表中有100万行，那么create_time和update_time将花费很大的存储空间。
那么，在什么情况下，在什么时候，我们需要表中的create_time和update_time？
浏览 3提问于2014-02-22得票数 2
回答已采纳
我在论坛上找到了一个解决办法，该论坛展示了如何使用JavaScript在m3u8播放列表中使用的文件列表中的下一个视频，该播放列表使用了我为Rails视图调整的方法：
<script>
<% string = "" %>
<% request = HTTParty.get("http://localhost:4567/playlist") %>
<% playlist = JSON.parse(request.body) %>
<% vids = playlist.each d
浏览 2提问于2015-10-27得票数 0
回答已采纳
video.js -你好，新手在这里，我希望有人能告诉我，我需要在视频-js.css文件中放置哪些代码，以便全屏按钮不显示？
我已经尝试了一些我在网上找到的代码，但该按钮仍然在所有浏览器中显示。
祈祷吧！
浏览 5提问于2013-06-22得票数 0
2回答
我有几个MP4视频，我想在我的网站上播放，使用CloudFront播放，文件在S3中。但是，这些文件都很大！我们说的是35克大小。当然，这将不会工作wrt标准播放。
我用的是这样的东西
<video id="my_video" width="700" height="550" poster="images/bunny.jpg" loop>
<source id="src_mp4" src="largefile.mp4" type="video/mp4" /
浏览 3提问于2014-08-11得票数 0
回答已采纳
1回答
我目前正在开发一个Meteor应用程序，其中我使用video.js-Library。
我有以下模板：
template(name='foo')
.video.embed-responsive.embed-responsive-16by9
with richMediaContent
video#video.video-js.vjs-default-skin.vjs-big-play-centered(controls='' preload='auto')
source(src='{{video.vid
浏览 6提问于2015-04-29得票数 0
我真的很喜欢面向对象的Javascript和Video.js。为了在每次加载页面时显示自定义视频控件，必须处理并重新生成缓存的Video.js对象。
我已经创建了以下脚本来正确检查缓存对象，但不确定是否有更好的方法，一种不需要创建第二个全局变量的方法：
<div class="video-wrapper"></div>
<script>
var VideoObj;
var Continuum = function(container, el, shortName) {
this.container = co
浏览 0提问于2013-11-11得票数 3
我已经在安卓手机上创建了应用程序，我想用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
我正在使用video.js在我的angular2 vidoes上工作，但无法使它工作。我在索引文件中使用video.js CDN。
<link href="https://vjs.zencdn.net/5.11/video-js.min.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/5.11/video.min.js"></script>
我有一个模板文件
<video *ngIf="videoUrl" id="
浏览 2提问于2017-06-09得票数 3
回答已采纳
我已经在安卓手机上创建了应用程序，我想用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">
<script src=&
浏览 57提问于2012-03-15得票数 3
2回答
(function () {
// Creating and Appending scripts dynamically
function createScript(src) {
var script = document.createElement('script');
script.src = src;
document.getElementsByTagName('head')[0].appendChild(script);
}
// End script tags Here
function createLink(href)
浏览 0提问于2018-06-21得票数 1
回答已采纳
2回答
我想知道这是否可能：
我有一部有播放按钮的电影。点击后，电影开始播放。当电影结束时，我有一张图片覆盖了我的电影div.。
在我的功能中使用哪些选项：
<video src="video.com" id="myVideo">
</video>
<div class="images">
<img scr="some_pic.jpg" />
</div>
<script type='text/javascript'>
docume
浏览 4提问于2020-10-26得票数 1
回答已采纳
2回答
因此，我想在我的计算机中使用Mozilla的控制台来查看哪些错误，页面通常是由Pepper机器人在他的平板电脑中执行的，因为console.log()没有显示在Choregraphe日志上。
我试图从计算机上调用机器人qimessaging.js库，但它引发了一个错误：
SyntaxError: URI格式错误。qimessaging.js:12
html在那里：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
浏览 2提问于2017-09-05得票数 1
回答已采纳
我使用的插件，并有一个视频介绍，播放时，我的网站加载。它可以在页面加载时自动播放，并且它位于一个div容器中，该容器是z索引的，并覆盖在我的主页上。
我已经将jquery设置为delay()，然后将div设置为fadeOut()，显示我的主页。
理论上很好，只有每个人都有不同的连接速度，而且fadeOut()经常发生得太早或太晚。
当视频停止时，有什么方法可以fadeOut()我的div？
这是我的jQuery：
$(document).ready(function() {
$("#overlay-video").delay(10000).fadeOut(
浏览 3提问于2012-05-08得票数 0
1回答
我正尝试在一个我正在开发的网站()中使用VideoJS，但是我试图在页面上加载一个简单的YouTube视频用于测试，但仍然不起作用：
<div class="video-js-box">
<!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
<div style="position: absolute; top: 50px; left: 600px; dis
浏览 1提问于2012-06-17得票数 0
回答已采纳
我试图提供一个视频播放列表，只播放一个视频，一旦它的链接被点击。下面是我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>WW Video Player</title>
<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.0/video.js"
浏览 0提问于2013-07-13得票数 0
回答已采纳
在我的应用程序中，用户必须选中jsp中的复选框。此jsp与来自数据库的有关用户请求的数据构建。现在，我的问题是在构造jsp之后，如何验证复选框并只将选中的值发送给jsp。我试过使用map和arraylist，但没有得到输出。
<input type="checkbox" name="video_array" value="video1.ogg"> Crickefightsbetweenplayersandaudience </input>
<source src='videoooggfiles/vid
浏览 2提问于2013-11-26得票数 0
回答已采纳
1回答
我在网页上有几个video-js播放器代码，如下所示：
<video id="vid1" class="video-js vjs-default-skin" width="140" height="120"
controls poster="/1video/countdown.jpg" data-setup='{}'>
<source src="/video/test.mp4" type="video/mp4" />
</video>
浏览 2提问于2015-04-15得票数 1
我正在制作一个功能来上传一个带有Firebase存储的视频。我想得到上传过程的进展状态，并对这个过程的成功或失败有一个承诺。
以下是代码：
video.service.js
function uploadVideo(generatedFileName, file) {
return new Promise((resolve, reject) => {
firebaseStorageReference
.child("videos/" + generatedFileName)
.put(file)
.on(
&
浏览 0提问于2019-05-23得票数 3
回答已采纳
1回答
将数据分割成测试和训练，包括
、、、、
如何将包含多个视频文件的文件夹拆分为基于dataframe变量的火车和测试文件夹，这些变量告诉我哪些视频应该在“火车”文件夹中，哪些视频应该在“测试”文件夹中？(在Python 3.0中)。中，多个视频位于单独的类别文件夹中。
例如，可以在以下类别目录中找到每个视频：
C:\Users\Me\Videos\a
C:\Users\Me\Videos\b
这意味着对于每个类别，我都需要一个“培训”和“测试”文件夹，如下所示：
C:\Users\Me\Videos\a\train
C:\Users\Me\Videos\a\test
虽然我有一个(编辑)csv-文件包含以下信息。因此，我不希望我的火车
浏览 0提问于2018-06-27得票数 0
回答已采纳
我有以下js文件，我想从另一个函数访问另一个函数，但我在另一个js文件中调用了它。当我把它称为Uncaught ReferenceError: vidPause is not defined时，我收到了这个错误。
(function($) {
$.fn.controlls = function(opt) {
......
function init() {
.....
}
function vidPause(e){
e.stopPropagation();
$.fn.controlls.toggleBarPlaying
浏览 1提问于2015-11-10得票数 1
我有一个存储在谷歌云存储上的视频，我通过向"allUsers“添加一个角色”“来公开存储桶。
我使用项目的网址作为我的HTML5视频标签的来源。如果我登录到Chrome (这是有意义的)，视频播放得很好，但在其他用户设备上则不然。只需将用户重定向到文件，URL 就允许每个人播放视频。问题是，这个页面不是我的应用程序的一部分，因此我不能按我想要的风格来设计它。
在通过HTML5视频标签公开我的视频时，我遗漏了哪些步骤？
/*JS/REACT*/
<video width="320" height="240" controls>
<
浏览 2提问于2019-11-03得票数 0
回答已采纳
3回答
我正在尝试使用video.js来播放mp4文件。它不会在IE9播放。它在Firefox和Chrome中运行良好。如果我在windows媒体播放器中打开视频，它也会播放得很好(也许IE9和windows媒体播放器使用相同的编解码器？)。我现在已经确认，IE9甚至没有请求该文件。
参见这里的示例：
<html>
<link href="video-js/video-js.css" rel="stylesheet">
<script src="video-js/video.js"></script>
&
浏览 7提问于2013-09-09得票数 2
回答已采纳
2回答
我有一个有多个视频的页面，我创建了一个自定义按钮来播放视频，问题是我想要编写一个JS来实现这一点，而不需要为每个视频编写多个js代码。
<video id="video"> </video>
<button id="circle-play-b">play</button
<video id="video"> </video>
<button id="circle-play-b">play</button
JS
var video = docume
浏览 11提问于2022-01-04得票数 0
回答已采纳
在初始化WebRTC的方法中，我在Safari Tech Preview 11中得到了一个未处理的Promise Rejection。具体地说，当我像这样将MediaStream赋值给视频元素时，它就会发生：video.srcObject = event.stream; -堆栈跟踪显示此行就是抛出异常的那一行。我无法使用try/catch.捕获异常
该异常仅在Safari 11中发生(在Chrome中不会发生)。
下面是方法：
initWebRTC(p){
var self = this;
return new Promise((resolve, reject) => {
浏览 4提问于2017-07-26得票数 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
2回答
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>My Video</title>
<link href="https://vjs.zencdn.net/7.7.6/video-js.css" rel="stylesheet" />
</head>
浏览 22提问于2021-10-07得票数 0
回答已采纳
1回答
我正在尝试使用currenttime函数来让我的video.js播放器从特定的时间开始播放。
我已经将其直接放入html文件中，但当我在浏览器中打开该文件时，视频仍然从头开始。我遗漏了什么？
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script>
videojs("example_video_1").re
浏览 4提问于2013-07-04得票数 0
回答已采纳
我用的是他们服务器上最新的video.js文件。使用与他们的示例基本相同的标记，但在ie10 (仅限Windows8)上，播放头会移动，但我从视频中得不到任何反馈。
<link href="http://vjs.zencdn.net/4.2/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.2/video.js"></script>
我使用的是他们主页示例中的标准视频标记实现，包括data-setup="{}“
&l
浏览 1提问于2013-09-19得票数 2
1回答
我正在尝试嵌入HTML视频播放器在我的网页。我还使用video.js来获得对它的一些控制。以下是它的外观：
HTML:
<video width="100%" poster="/resources/video/video-poster.jpg" class="video-js vjs-default-skin vjs-big-play-centered" id="myvideo">
<source type="video/mp4" src="/templates/05.mp4
浏览 12提问于2014-04-09得票数 0
1回答
上下文： Electron桌面应用程序使用Timeline.js，它通过iFrame嵌入Video.js。iFrame源在下面。
我已经挣扎了几个小时了:我需要将Video.js实例垂直地集中在它所在的iFrame中。我不能硬编码值，因为应用程序(不仅仅是视频go )可以全屏运行。
使用下面的“蛮力”CSS，它“工作”，但显然黑条是不可接受的。我删除了在vjs vjs-16-9 CSS中添加一个ref，它工作得很好:根据内容设置大小，在全屏模式下调整大小--所有这些都很好，只是我还没有弄清楚如何将vjs实例垂直地放在iFrame中。
可能是一些简单的东西，但我对这一切都是新手。
.video-
浏览 8提问于2017-01-31得票数 1
回答已采纳
3回答
我在一些启用自动完成的jquery代码中有这个AJAX请求：
$.ajax({type:"POST", url:("/showable_videos/create.js"), data:{video:{profile:val}}});
具有自动完成功能的字段位于视频显示视图中。我从请求中得到这个错误：
Started PUT "/showable_video/create.js" for 127.0.0.1 at Tue Apr 26 00:46:37 -0700 2011
ActionController::RoutingError (No
浏览 0提问于2011-04-26得票数 0
回答已采纳
2回答
我正在重新创建。
到目前为止还不错，但我想在播放列表中的每个视频中添加标题。
这有可能吗？
我使用以下插件：
tracks上的视频on文档在video标记中实现时如下所示：
他们建议使用这个HTML：
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup='{"example_opti
浏览 7提问于2017-02-05得票数 2
回答已采纳
我一直在使用JavaScript脚本VideoJS：构建一些视频播放器，这些播放器可以在弹出窗口中显示给用户。我已经构建了如下弹出窗口：
<script type="text/javascript">
VideoJS.setupAllWhenReady();
jQuery(document).ready(function ()
{
// videos have video js applied to them
浏览 7提问于2011-08-02得票数 9
回答已采纳
我正在努力寻找一种有效的方法来检索结果，这些结果分布在多个模型中。在我的例子中，我有三个模型：
Video，它存储视频数据，包括视频的创建者
存储用户数据的User
Follower存储哪些用户跟踪哪个其他用户
我的模型的简化版本如下所示：
// Video.js
module.exports = {
attributes: {
title: {
type: 'string'
},
creator: {
model: 'User'
}
}
};
// User.js
mod
浏览 0提问于2015-10-17得票数 1
回答已采纳
所以我用bxSlider制作了这个滑块，它工作得很好。除了Chrome。在Chrome中，它不读取<video>标记中的任何属性，而嵌套在滑块中。因此，没有自动播放和控制仍然可用。
下面是代码，非常简单：
<ul class="slider bxslider" id="slider">
<li id="01" class="slide">
<video autoplay loop muted poster="img/01.jpg">
浏览 3提问于2016-10-24得票数 0
回答已采纳
问题描述
使用Youtube Iframe根据用户的操作动态地将视频加载到页面中，大多数情况下它运行得非常好。但是某些视频总是会产生这样的错误：
Uncaught TypeError: Cannot read property 'endSeconds' of null
at Wh (www-embed-player.js:575)
at ji.n.na (www-embed-player.js:611)
at ji.n.Oa (www-embed-player.js:600)
at m (www-embed-player.js:596)
复制的步
浏览 1提问于2020-06-03得票数 0
回答已采纳
在Facebook求和审查中，我需要请求哪些权限才能使用这段代码？
FB.ui({
method: 'share_open_graph',
action_type: 'video.rates',
action_properties: {
"rating:value": 9,
"rating:scale": 10,
"review_text": "Beautiful movie",
"movie":
浏览 3提问于2015-03-17得票数 0
我有一个反应自定义钩子，接受URL，options，autoplay道具，一切都很好。
但是我用它制作了一个全屏幕的视频(我希望它是那样的)。所以我需要一个定制按钮。
在左上方，您可以看到，我已经尝试创建了2个按钮，但问题是它在Video.JS后面安装，不会与Video.JS一起褪色，并且将永远保持这样的状态，这是我不想要的，而且我认为我没有将它正确地实现到Video.JS上。
我只是把它包装在Video.JS自定义钩子中。有什么办法可以让它起作用吗？
这是我在定制钩子里想做的事。
import React, { useEffect, useRef, useState } from
浏览 7提问于2022-01-31得票数 0
3回答
我有一个链接，需要显示一个隐藏的分区点击。为此，我在我拥有的控制器中使用：<%=link_to video.title,display_path(:format=>:js,:id=>video.id),:remote=>true%>：
def display
@video=Video.find(params[:id])
respond_to do |format|
format.js
end
end
在js.erb中，我有
$('#vid_<%=@video.id%&g
浏览 0提问于2011-04-17得票数 0
回答已采纳
1回答
我们想要一个视频自动播放，但播放按钮覆盖仍然在视频上，无论我们使用自动播放属性或如果我们删除自动播放属性，并使用Javascript在页面加载播放视频。我已经尝试了数十种不同的解决方案，作为类似问题的答案，并且在博客上发表的关于这一点的文章中，没有什么是可行的。无论是什么，总是有一个播放按钮覆盖可见的视频。
以下是我们的当前代码：
<video class="js-banner-video is-paused" muted playsinline loop id="holiday-video">
<source src=
浏览 6提问于2022-11-30得票数 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
这里是新手video.js的问题。
我设法让video.js播放器运行良好，有两种不同的方式。
通过把
在我的页面中，并使用视频标签：
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup
浏览 1提问于2015-12-30得票数 0
1回答
对于报告，我希望将一些计数组合在一起，但仍然可以访问行数据。我觉得我做了很多这样的事情，但是今天找不到任何代码。这是在一个B2B视频传输平台。我的模型的简化版本：
Video(name)Company(name)View(video，公司，何时)
我想显示哪些公司观看的视频最多，但也显示哪些视频最受欢迎。
+-----------+-----------+-------+
| Company | Video | Views |
+-----------+-----------+-------+
| Company E | Video 1 | 1215 |
|
浏览 2提问于2020-07-20得票数 0
我成功地将代码添加到wordpress header.php中。
<script src="video.js"></script>
<script src="videojs.ads.js"></script>
<script src="videojs-preroll.js"></script>
<link href="video-js.css" rel="stylesheet" type="text/css">
&l
浏览 0提问于2014-08-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
