我正在使用Youtube API，以便通过以下示例生成视频：
HTML：
<div id="player"></div>
Javascript：
<script src="http://www.youtube.com/player_api"></script>
<script>
// create youtube player
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Pl
浏览 0提问于2017-04-25得票数 1
1回答
休眠模式打开播放HTML5视频
、、、、
我想在没有休眠模式的全屏模式下循环播放一段短视频，以打开任何移动设备。
我尝试了余辉播放器和video.js，但我总是遇到同样的问题，屏幕变暗，并根据手机的设置启用睡眠模式。当在播放器网站上播放视频时，它工作得很好，所以这是可能的，我肯定遗漏了什么。
这是余辉播放器的例子。
<script type="text/javascript" src="afterglow.min.js"></script>
<body>
<div id="videoContainer">
<video
浏览 0提问于2019-12-05得票数 0
1回答
视频播放后返回应用
、、、
我有一个应用程序，它有一个带有播放按钮的视频列表。当我点击视频时，一个单独的活动被称为通过意图。当视频结束时，它仍然在那里，除非我按下后退按钮，否则它不会返回到原始应用程序。在视频回放结束后，有没有办法让应用程序返回到主活动？这是我创建视频的代码
public void onCreate(Bundle onSavedInsance) {
super.onCreate(onSavedInsance);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.Layou
浏览 0提问于2011-07-13得票数 1
我在Vimeo中使用popcorn.js。我想以编程方式播放我的Vimeo视频，但我似乎无法获得基本的play()方法来处理Vimeo视频。
popcorn.js.org中的示例代码对我不起作用。视频不能“立即播放”。
document.addEventListener("DOMContentLoaded", function () {
var example = Popcorn.vimeo(
'#video',
'http://player.vimeo.com/video/25107077');
//
浏览 2提问于2011-12-09得票数 2
回答已采纳
我有一个HTML页面，它加载视频并显示下载进度条。
视频元素的创建方式如下：
function createVideo() {
var video = document.createElement("VIDEO");
video.setAttribute('controls', '');
video.setAttribute('preload', 'auto');
video.setAttribute('width', width);
video.setAttribute(&
浏览 1提问于2020-04-21得票数 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
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
回答已采纳
我将reveal.js用于一个演示应用程序，在该应用程序中，我混合了简单的幻灯片和带有音频的幻灯片，以及带有音频和视频的幻灯片。为了让这个demo自己前进，我使用如下设置
<script>
Reveal.initialize({
controls: false,
progress: true,
history: true,
center: false,
autoSlide: 3000,
dependencies: []
})；
重要的参数是将autoSlide设置为3秒。这会生成一个播放/暂停按钮来显示。根据我的幻灯片，我也可以在这里将每个幻
浏览 0提问于2015-02-24得票数 0
1回答
我用的是安卓蜂巢3.2，我可以用hardwareaccelerated = true播放视频并设置webchromeclient。但我会在播放<video>之前和视频结束后启用和禁用硬件加速，因为js和css3不能正常工作。我可以截取什么事件？
浏览 2提问于2012-01-27得票数 2
我仍然是新的视频am，我在玩最基本的功能。
我不确定我的设置是否有问题，它们是应该报告的错误，还是我做错了。
首先，即使是在的演示播放时，也可以在下拉菜单中选择“显示控件”。当点击时，玩家将显示第二个控制栏和一个已经显示的。禁用“显示控件”仅隐藏新出现的控件栏。
这是对Video.JS无法避免的限制吗？
基本上，我去了，复制了“嵌入这个播放器”下的代码，并将视频源和海报更改为videojs.com托管的视频源和海报。然后我尝试在数据设置中添加一些东西，但是我开始得到一些奇怪的结果。
<video id="MY_VIDEO_2" class="video-js v
浏览 0提问于2014-11-05得票数 1
回答已采纳
1回答
试图获得类似于这里的https://www.alanmenken.com/效果(按下跳过，然后它会带你到页面)，视频有一个海报，在悬停时播放，然后当鼠标关闭时返回到海报。 代码运行正常，但两个视频同时播放，我不太确定如何让海报在不悬停的情况下重新出现。提前感谢大家的帮助。 let $polystar = $('.polystar');
$polystar.on('mouseenter focus', function () {
$polystar.get(0).play();
});
$polystar.on('mouseleave blu
浏览 15提问于2021-04-27得票数 1
1回答
如何在显示视频前加载视频
、、、
我有一个视频播放器组件，它在公共文件夹中存储了一组视频。现在我在循环中一个接一个地播放，当一个结束时，下一个开始，但两者之间有轻微的延迟。如何在下一个视频开始播放之前加载它，以便没有过渡延迟？ import React, { Component } from "react"
class Player extends Component {
constructor(props) {
super(props)
this.state = {
current: 0,
videos: [
浏览 28提问于2021-07-24得票数 1
我想在有课的时候停止播放视频。 <video controls id="video22" class="lity-hide">
<source src="video/VID_22210517_233643_359_x264.mp4" type="video/mp4" />
</video> 当视频类为“it hide”时停止播放
浏览 17提问于2019-08-31得票数 1
回答已采纳
我正在尝试用StandAlonePlayer播放youtube上的视频。运行得很好。但我想在完成视频后关闭播放器。该怎么做呢？任何帮助都将不胜感激。
这是我使用独立播放器播放视频的代码。
Intent intent = YouTubeStandalonePlayer.createVideoIntent(context, Consts.DEVELOPER_KEY, VIDEO_ID,0,true,false);
startActivityForResult(intent);
在activity result上，我可以处理错误状态。但我想关闭播放器一旦视频完成。
浏览 5提问于2016-10-21得票数 0
1回答
我有一个网站，其中嵌入了以下内容：
<div class="embed-responsive embed-responsive-16by9">
<iframe id="video-markets" class="embed-responsive-item" src="http://www.youtube.com/embed/txFhtgO7-28?enablejsapi=1"></iframe>
</div>
我正在尝试收集当你点击“播放”、“暂停”以及到达“视频结尾”时的事
浏览 0提问于2015-02-26得票数 0
2回答
我有一个视频播放的页面上，脚本应该重定向到另一个网址时，视频已完成播放。
尽管它不会在视频播放完成后重定向。
脚本：
function playVideo(){
var video = document.getElementById('video1');
video.play();
video.addEventListener('ended',function(){
window.location = 'http://www.google.com';
});
}
HTML：
<video id
浏览 3提问于2016-02-16得票数 2
2回答
我要把视频循环播放。视频结束后如何获取回调。我需要循环它，直到用户正在跟踪该视频
private func addVideoNode(bundleFileName: String, forTrackableImage imageTrackable: ARImageTrackable?){
// Initialise video node
let videoNode = ARVideoNode(bundledFile: bundleFileName)
// Add video node to image trackable
imageTrackable?.worl
浏览 46提问于2017-07-24得票数 0
回答已采纳
我这里现在有两个时长一样的视频，想让他们同步播放，希望点击其中一个的进度条也能改变另一个的进度，但是video并没有点击进度条事件，该怎么做？
浏览 2205提问于2022-03-23
我想在每个单词后重置结果，这样当我说“嗨”时，视频将播放“你好”另一个视频将播放，但问题是每次我试图说嗨，代码停止，不要让我说一些其他的东西，直到我刷新页面。是否有机会刷新/清除/重置结果
有人能帮帮我吗？谢谢
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var SpeechRecognitionEvent = SpeechRecognitionEvent || webkitSpeechRecognitionEvent;
var recognition = new SpeechRecognit
浏览 9提问于2020-03-10得票数 0
1回答
我正在为我的video.js播放器制作新的皮肤。我已经添加了。现在，我想在它上面添加当前计时器，它必须跟随进度条。
有两个原型:一个用于处理程序，另一个用于计时器。如何将计时器添加到处理程序中？
浏览 2提问于2014-04-24得票数 0
有人知道如何使用enyo视频播放播放列表吗？或者如何在一般情况下使用enyo播放播放列表。
enyo.kind({
name: "app.Videoplayer",
kind : "Video",
classes: "video-player",
poster : null,
src : null
});
我只是将列表作为已发布的属性传递，然后监视视频完成事件，然后根据当前索引对下一个视频进行排队，还是有更简单的方法？
浏览 1提问于2014-04-04得票数 0
回答已采纳
5回答
我认为用点击事件来设置这是很简单的，但是它不承认html5视频的控件是视频的一部分。
页面上还有另一个设置为自动播放的ID为video1的视频。第二个带有video2 ID的视频没有过度播放，但是有html5控件，以便查看器可以启动它。我希望设置它，这样一旦选择了video2中的play按钮，video1就会停止播放。
以下是我尝试过的：
html
<video id="video2" controls>
<source src="assets/explainer.mp4" type="video/mp4">
Th
浏览 0提问于2016-10-04得票数 1
3回答
我使用一个视频作为页面的背景，视频在页面启动时播放。当视频完成时，我想用图像作为页面的背景，图像实际上是视频的最后一帧，这是视频最后一帧的更高质量的版本。
我的方法是使用视频标签的海报属性。我会在播放视频之后设置海报，但是当视频停留在视频文件的最后一帧时，海报将不会显示，所以我使用javascript来监视视频播放的结束，并且：
将src设置为null将显示视频标记的海报。
document.getElementById("video-player").setAttribute("src", null);
但是，从视频中删除源将不会显示海报，而会显示之前删除的视
浏览 5提问于2017-04-26得票数 1
回答已采纳
当我的视频从S3存储桶中加载时，我想在Video.js播放器中显示一个加载程序。
我有一个Video.js播放器，其中显示了一个“播放”按钮，当这个按钮被点击时，播放器会显示一个黑屏，直到视频从S3桶中加载。我怎样才能在黑屏上显示一个加载器？
浏览 2提问于2015-09-24得票数 3
3回答
嗨，我有一个歌曲播放列表&在播放器中使用javascript将播放歌曲的背景颜色设置为浅绿色。我知道我可以使用一个:焦点，但是，如果用户选择歌词，而歌曲正在播放，歌曲将继续播放，但它失去焦点，因此背景颜色恢复原来。我需要一种方法，使用javascript，以改变颜色的歌曲回到原来的时候，歌曲不再播放或另一首歌曲被选中。下面的代码。
<!-- Video Player Script -->
var video_playlist = document.getElementById("video_player");
var links = video_play
浏览 5提问于2015-04-23得票数 0
回答已采纳
在我目前正在做的一个项目中，我有一个VideoJS播放器，我想在视频结束时更改其来源。
使用Javascript，我能够让一个VideoJS脚本在播放器达到“结束”状态时运行，但我在他们的文档或StackOverflow上找不到任何代码来解释如何做到这一点。
HTML
<video
id="my_video_1"
style="display:block;"
class="video-js vjs-default-skin vjs-nofull vjs-big-play-centered"
controls autoplay preload
浏览 1提问于2017-01-14得票数 0
我正在努力寻找任何文档，可以帮助我弄清楚为什么我的视频海报在被视频的第一张幻灯片替换之前会显示一段短暂的时间(瞬间)。当第一张幻灯片正在播放时，视频还没有准备好播放，将会停滞不前。 我理解这可能是因为它已经准备好播放视频现在它已经被请求，但由于视频是相当长的，缓冲时间超过了一个舒适的时间量等待没有海报的地方。 很难找到另一个例子来代表我正在经历的事情，这表明这可能是一个非常小众的问题。我只是希望有人可以帮助指导我在最浏览器友好的方式来托管我的视频，将显示视频海报，直到它准备好播放。 这是我目前使用的HTML (一切正常，它只是过早地删除了视频海报)： <video class="
浏览 19提问于2020-07-20得票数 1
回答已采纳
我已经创建了一个列表视图，它将显示一些youtube视频列表(标题，缩略图，视频代码)从json使用volley库。列表如我预期的那样显示。然后我为列表视图实现了onclick监听器。以下是代码 // Creating volley request obj
JsonArrayRequest movieReq = new JsonArrayRequest(url,
new Response.Listener<JSONArray>() {
@Override
public void onR
浏览 15提问于2019-02-19得票数 0
我正在使用slick.js在旋转木马中播放Youtube视频。当幻灯片可见时，该视频应自动播放，并且在视频结束后，需要显示下一张幻灯片。
我发现了一个很棒的点子，它正是我想要的。然而，我就是想不出如何在youtube视频播放时停止自动播放滑块，并在最后继续播放下一张幻灯片。
我得到的是这样的(那些奇怪的标签是Twig标签)：
<section id="headlines" class="main-slider banner">
<div class="slide-item youtube">
<ifr
浏览 0提问于2020-10-31得票数 1
1回答
因此，我的小部件中有一段非常常见的代码，它在单击时播放视频。
Intent nextintent = new Intent(Intent.ACTION_VIEW);
nextintent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
nextintent.setDataAndType(pathToVideo, "video/*");
context.startActivity(nextintent);
我在某个地方也有一个属性，说明这个视频应该是声音播放还是静音播放。
现在，我该如何表达我遵守该属性的意图呢？没
浏览 2提问于2013-10-13得票数 0
1回答
我是JavaScript的初学者。我想在HTML5中播放特定时间内特定时间的mp4文件。首先，我想加载一个缩略图。如果点击它，我想播放特定时间的视频文件。这是我的代码。但它不起作用。我做错什么了？
function PlayVideo(aid, vid) {
var video = document.getElementById(vid);
video.addEventListener('loadedmetadata', function () {
videoStartTime = 6;
videoEndTime = 7;
浏览 5提问于2013-07-02得票数 1
4回答
我有一个MovieController类来管理我的项目中的视频。我正在使用Unity5.6中引入的新的视频播放器组件。
当一部电影播放完后，我想调用一种方法。到目前为止，这个方法只是一个Debug.Log，如您所见：
using UnityEngine;
using UnityEngine.Video;
public class MovieController : MonoBehaviour
{
private VideoPlayer m_VideoPlayer;
void Awake ()
{
m_VideoPlayer = GetCompone
浏览 3提问于2017-06-22得票数 3
回答已采纳
1回答
我正在建立一个移动网站，我在android设备上播放视频时遇到了问题。我可以让视频播放，但发现它不稳定。有时它会导致浏览器崩溃，有时控件没有响应。我的大部分测试都是在Galaxy S3和Nexus上进行的。
代码是一个链接，您可以单击该链接来播放视频。
<div id="player"></div>
<a href="#" onclick="DoNav('<?php echo $url; ?>');" title="Click to play video"> <
浏览 0提问于2012-07-10得票数 3
回答已采纳
1回答
<video id="video-player" ng-click="togglePlayer($event)"
oncontextmenu="return false" autoplay="true" loop
class="composition-video" ng-src="{{url}}" type="video/mp4"></video>
如何在angularjs中捕获控制器中视频播放器状态发生变化的事件？
浏览 0提问于2015-12-22得票数 0
1回答
<style>
video
{
display:table;
width:100%;
height:100%;
}
</style><script type="text/javascript">
var myVideo = document.getElementsByTagName("video")[0];
myVideo.addEventListener("ended", function() {
window.location = "http://mariopaint
浏览 1提问于2017-01-15得票数 1
回答已采纳
2回答
我一直在为我的学校项目开发一个自定义的视频控件，我想添加自定义的播放/暂停和声音/静音按钮，进度条和音量滑块。我按照iEatWebsites的yt video中的播放/暂停和进度条上的教程操作，效果很好，但一旦我开始向其他元素添加功能，播放/暂停按钮就会拒绝反应，并且变得无法点击。当我添加带有声音/静音按钮的onclick提醒功能时，它仍然有效，并且仅使用命令行静音视频也仍然有效，所以我不知道问题出在哪里
所有内容都在html中的control div中：
<header>
<div class="container">
浏览 4提问于2020-08-28得票数 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
回答已采纳
下面的代码设置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回答
我有一个超级简单的视频播放速度扩展。当完成Shift + MouseWheelUp时，应将播放速度提高0.25，当Shift + MouseWheelDown完成时，应将播放速度降低0.25。
当我测试它(在YouTube或任何其他视频站点上使用HTML视频标记)时，我会遇到以下问题：
，，每次我做这些事件时，播放速度不会增加0.25个。相反，速度的增加/下降以高于0.25.Specifically的随机方式在Odysee.com上进行，即使当页面加载了视频元素时，也会得到“无法读取null (读取‘playbackRate’)属性”。。
我把密码放在下面。随时可以复制所有的东西，并测试自己。
浏览 3提问于2021-12-30得票数 0
2回答
视频播放完毕后执行代码
、、、
我正在做一个网站，用网站通知访问者。在他们看完视频后，我想把用户发送到另一个页面继续他们的访问。是否有可能在Javascript或ASP.NET中捕获某种事件，这样我就可以在以后执行一些代码了？
这个html标记正在播放视频(并不是说它非常重要)
<video id="player" controls="controls">
<source src="../data/introduction.mp4" />
</video>
谢谢!
浏览 1提问于2014-09-08得票数 0
回答已采纳
1回答
我试着用reactjs制作视频播放器
这是我的代码
import "./App.css";
import React, { Component, useState } from "react";
import ReactPlayer from "react-player";\
function App() {
const [myvideo, setMyvideo] = useState("");
const arrayqueue = [
{
singer: "The Valley",
浏览 5提问于2020-11-17得票数 0
回答已采纳
我已经在安卓手机上创建了应用程序，我想用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
我已经在安卓手机上创建了应用程序，我想用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
1回答
我被分配的任务是只允许使用WordPress网站观看一次视频，观看一次后，视频结束，有网站网址重定向到另一个页面。视频无法播放，但在1分钟后仍会重定向。 以下是我的代码 [videojs_video url="http://tecfa.unige.ch/guides/html/html5-video/videos/state-of-wikipedia-480x272.mp4" preload="auto" controls ="false" autoplay = "true" loop="true"]
&
浏览 38提问于2021-09-21得票数 0
回答已采纳
我设置了video.js播放器，但是播放器没有出现在IE8中，它确实出现在IE10中并播放(可能也是IE9 )。它在Chrome和IOS中出现并播放，但只在Firefox中出现(不播放)。
<script>
_V_.options.flash.swf = "http://theurl.com/video-js/video.js.swf"
</script>
<script>
videojs.options.flash.swf = "http://url.com/video-js/video.js.swf"
</scr
浏览 0提问于2013-06-04得票数 0
1回答
我从HTML5和javascript开始，我对video.js对于HTML5 player/html“视频”标记与video.js之间的关系以及video.js的用途有一个基本的疑问。我的具体问题是：
video.js是在内部使用HTML5本地播放器，还是创建和使用自己的播放器？
如果是，则：
除了提供更好的外观和控制之外，使用Video.js还有其他原因吗？我知道有一些插件可以用于video.js，这些插件具有额外的功能，比如播放HLS和DASH视频等，但是这里我要说的是核心的video.js模块。
是否需要使用HTML5播放器，还是可以将其更改为在video.js中使用自定义播
浏览 5提问于2016-05-13得票数 8
回答已采纳
我正在使用video.js播放视频播放器，但我面临着一个问题，那就是当我尝试播放任何其他视频播放器时，它不会刷新，它总是播放旧视频
import React, { Component } from 'react';
import videojs from 'video.js';
import { sendData } from '../../analytics/sendData';
class Video360Player extends Component {
componentDidMount() {
// i
浏览 32提问于2020-11-25得票数 0
3回答
所有人！我是javascript的新手。假设我有一个视频，我希望当它播放一定的秒数(例如5秒)时，my_function将执行(例如，控制台中应该显示单词'five‘)。由于某些原因，下面的代码正确地显示了当前的视频秒数，但没有在控制台中显示该单词。
html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Text</title>
</head>
&l
浏览 1提问于2019-07-10得票数 1
2回答
我使用一个按钮，它调用函数" play ()“使视频在全屏上播放。
<div style="text-align:center">
<form>
<input type="button" name="something" value="start_experiment" onclick="play(this,vid)">
</form>
</div>
<vide
浏览 7提问于2020-11-01得票数 2
回答已采纳
我正在使用的html5视频播放器来播放视频。视频在普通pc上可以播放，但在安卓系统上不能播放这里是链接，这是标题代码
<link href="http://vjs.zencdn.net/4.6/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.6/video.js"></script>
主体代码
<video id="video_1" class="video-js vjs-default-sk
浏览 1提问于2014-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
