更新: Chrome中的Javascript视频淡出
在Chrome中，Javascript视频淡出是一种通过逐渐减小视频的不透明度来实现平滑过渡效果的技术。它可以通过改变视频元素的CSS属性来实现，例如使用opacity属性来控制视频的透明度。
淡出效果可以为网页增添动态和吸引力，常用于轮播图、页面切换、动画效果等场景。通过逐渐减小视频的不透明度，可以使视频从完全可见到逐渐消失，给用户带来流畅的过渡效果。
在实现Javascript视频淡出效果时，可以使用CSS3的过渡（transition）属性来实现平滑的动画效果。通过设置过渡的持续时间和延迟时间，可以控制淡出效果的速度和延迟。
以下是一个示例代码，演示了如何在Chrome中使用Javascript实现视频淡出效果：
<!DOCTYPE html>
<html>
<head>
<style>
#myVideo {
position: absolute;
top: 0;
left: 0;
opacity: 1;
transition: opacity 2s;
}
.fade-out {
opacity: 0;
}
</style>
</head>
<body>
<video id="myVideo" width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<script>
var video = document.getElementById("myVideo");
// 触发淡出效果
function fadeOutVideo() {
video.classList.add("fade-out");
}
// 监听视频播放结束事件，触发淡出效果
video.addEventListener("ended", fadeOutVideo);
</script>
</body>
</html>在这个示例中，我们首先定义了一个id为"myVideo"的视频元素，并设置了初始的不透明度为1。然后，通过CSS的transition属性设置了透明度的过渡效果，持续时间为2秒。
接下来，我们使用Javascript监听了视频播放结束事件（ended），一旦视频播放结束，就会触发fadeoutVideo函数。在这个函数中，我们通过给视频元素添加一个名为"fade-out"的类来改变视频的透明度，使其逐渐变为0。
通过以上代码，我们就可以在Chrome中实现一个简单的Javascript视频淡出效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云视频处理服务：https://cloud.tencent.com/product/vod
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
Javascript：
$("video").bind('ended', function(){
$("video").fadeOut(2000,function(){$("video").remove();});});
HTML：
<video autobuffer controls autoplay>
<source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4"
浏览 1提问于2012-12-05得票数 0
更新:这在Safari中工作得很好，但在Chrome中执行了以下原始帖子中详细介绍的操作-任何建议。
我正在使用下面的视频，它应该淡出鼠标点击，控制可见性淡出没有问题，但视频是开或关(不透明度0或1-全部或无)。在将视频内容连接到淡入淡出时的任何帮助，而不仅仅是控件-(如果可能的话，为了在纯Javascript中保持一致性)。
function assets() {
"use strict";
var elem = document.getElementsByTagName("video")[0];
elem.style.transition =
浏览 0提问于2016-07-10得票数 0
回答已采纳
1回答
有没有可能使用Javascript/jQuery淡出嵌入Javascript的Youtube视频？目前，我已经嵌入了一段视频，当我尝试使用jQuery的fadeOut()函数淡出它时，它只是消失了，而不是淡出。有没有可能使用Javascript/jQuery或任何其他Javascript库(没有任何额外的HTML元素)对它产生淡出效果？
浏览 2提问于2010-11-14得票数 0
回答已采纳
3回答
我目前在Chrome中遇到了一个奇怪的行为。基本上，我想做的是，把视频放在其他视频上。
我有一个基本的视频，这是在基层(z索引: 0)。它一直在重复。当用户执行某些操作时(单击按钮等)另一个视频在点击按钮之前是不可见的，应该会淡入到其他视频的顶部。
在Firefox中，一切都运行得很好。在Chrome中什么都不会发生。顶部视频不是淡入淡出，而是在淡入淡出动画的时间用完后立即出现。
我放了一把小提琴。正如您所看到的，1000ms正在运行低谷，在此之后，顶部视频直接显示，而不会淡入。尝试在Firefox中执行相同的操作将导致成功的淡入淡出动画。
这就是我到目前为止所尝试的：
<!DOCTY
浏览 1提问于2013-12-06得票数 1
我正在尝试通过单击图像来开始播放嵌入的youtube视频。这个想法是在视频的顶部有一个图像，当图像被点击时，它会淡出并开始播放视频。
我正在使用jquery来淡出图像，并希望找到一种使用jquery播放或点击视频的方法。
淡入淡出效果很好，但我不知道如何触发视频播放。我将视频设置为自动播放和隐藏，然后在单击图像时在视频中淡入淡出，使其在几个浏览器上运行。在大多数浏览器上，视频会在淡入时自动播放，但在chrome中，即使隐藏了视频，它也会自动播放。它在iOS中也不能很好地工作。
因为我是新手，我甚至不确定我写的是不是100%正确，但我已经尝试过这样的东西，但没有成功：
$('#
浏览 2提问于2011-06-06得票数 54
1回答
我正在使用插件播放一个视频作为闪存。
在视频结束前的几秒钟，我试图让它淡出，显示它背后的内容，这与视频的最后帧相匹配，因此视频和静态内容之间的转换看起来很顺利。
这在Chrome中运行得很好，但是IE9 & FF17一点也不淡出视频。他们都只是简单地等待它结束，然后立即隐藏视频。
视频位于一个div上，它填充了整个屏幕，当视频开始播放时，后面的内容已经被加载。
在~60%持续时间隐藏视频的相关代码位于jPlayer构造函数的timeupdate事件中。
$(".landing-video").jPlayer({
...
timeupdate: funct
浏览 2提问于2013-01-03得票数 0
回答已采纳
我有一个Javascript函数，它使用jQuery fadeOut()淡出带有背景色的标准div。它在Chrome和Firefox中运行良好，但当我在IE中尝试它时，文本会淡出，但背景颜色保持不变，一旦文本淡出，就会消失而不会淡出。有谁有解决这个问题的办法吗？
谢谢,
DLiKS
浏览 0提问于2010-11-18得票数 0
回答已采纳
我在让我的代码按我想要的方式工作时遇到了一些麻烦。
我有一个视频，如果我按回车，使用捕鼠器等播放的视频，我将在下面的代码显示。我希望视频在jquery延迟和淡出结束时淡出，但它似乎不起作用。
下面是我的代码：
Mousetrap.bind('enter', function () {
document.getElementById('starting').click()
});
和：
function playPause() {
var myVideo = document.getElementsByTagName('video
浏览 1提问于2014-05-21得票数 0
3回答
我正在尝试使用JavaScript来中断CSS动画，使DIV元素淡入淡出。通过CSS淡入淡出的文本效果很好，但是timed JavaScript函数不会在设定的时间间隔内“中断”淡入淡出。我已经在这个问题上挠头好一阵子了，我想知道是否某些CSS动画不能被JavaScript中断/取消。任何建议都是非常感谢的！
<style type="text/css">
#fadeMe {
opacity:1.0;
animation:fadeEffect 6s infinite;
-webkit-animation:fadeEffect 6s infin
浏览 0提问于2014-03-09得票数 0
2回答
我正在尝试使用Chrome扩展来淡出整个页面。
我从它将背景变为红色的示例开始，我尝试将fadeOut函数添加到主体中，但是该部分不工作--只有变红的部分才能工作。
// Called when the user clicks on the browser action.
chrome.browserAction.onClicked.addListener(function(tab) {
// No tabs or host permissions needed!
console.log('Turning ' + tab.url + ' red!');
浏览 1提问于2013-08-16得票数 3
回答已采纳
我想在Chrome中对触摸事件使用淡入淡出效果，但触摸事件会阻塞。
在这个中，有一段简单的代码可以用来淡入和淡出。当你开始触摸的时候，一切都好了。你可以移开手指，在1秒内再次触摸，你就可以看到淡入淡出。但是当时间恰好达到1秒时，不透明度就会达到0，touchevents就会被阻塞。
这是一个bug还是编码问题？
谢谢,
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type=
浏览 2提问于2015-06-27得票数 1
我正在工作的应用程序中，我必须合并淡入和淡出现有的视频效果。我知道如何使用AVMutableComposition合并视频，我们可以使用AVAssetWriter从图像中制作视频，但我的问题是，如何合并视频开始时的图像淡出效果和视频结束时的图像淡出效果。
浏览 0提问于2016-08-17得票数 0
1回答
我无法让表行在IE中淡出。它可以在Chrome中运行，但不能在IE中运行。它只是变得很“轻”，并停留在屏幕上。我尝试了带有和不带有兼容模式的IE8。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function hideIt()
{
$('#hideme').fadeTo("slow",
浏览 0提问于2010-03-13得票数 5
回答已采纳
我是Javascript的新手，我一直在看一段视频，在视频中我发现了一个引用淡入函数(修改为包含更少的代码)，在下面使用闭包。
function fade(id) {
var dom = id, level = 1;
console.log(dom + ' : ' + level);
function step() {
var h = level.toString(16);
dom = dom + h;
if
浏览 9提问于2016-02-24得票数 1
回答已采纳
我在Chrome中使用了一个非常简单的fadeIn和fadeOut。我只想让一个文本元素淡出，另一个淡入。工作示例：
我遇到的问题是，在fadeIn()的末尾，会突然转换到end状态。我称之为“颠簸”。元素的淡入淡出( fadesIn )很平滑，但在最后它失去了这种平滑度，并一次性完成了淡入淡出。
有没有办法避免这种情况？
var cur = 1;
$('#btn').click(function() {
if (cur == 1) {
$('#txt1').fadeOut(500, function() {
$
浏览 0提问于2012-06-02得票数 2
回答已采纳
1回答
当用户单击行(TR)上的Delete按钮时，我使用JQuery淡出行(TR)。通过淡出，我的意思是整个行(TR)的背景颜色被更改为关闭的红色，然后它淡入淡出为白色并消失。这是一个很棒的小动画，可以向用户展示他们所做的事情的即时反应。
JavaScript如下所示：
$(tr).css("background-color", "rgb(255,200,200)");
$(tr).fadeOut(500, RemoveDomElement);
这在Firefox、Safari、Opera和Chrome中运行得很好，但--当然--在IE中就不行了。IE将执行代码并完成
浏览 4提问于2009-02-18得票数 1
回答已采纳
1回答
我想做两件事：
1)淡出一个HTML5视频，使其显示一个不同的HTML5视频。
2)第一段视频淡出后，触发下面不同的HTML5视频循环。
对于#1，我没有成功地让顶级视频褪色。请参阅下面的代码：
Javascript:
<script type="text/javascript">
video.addEventListener('ended', function () {
$('#vid').addClass('hide');
$('video').
浏览 2提问于2013-10-16得票数 1
2回答
使用画布从Video.js捕获帧
、、、、
我试图通过用画布捕捉当前帧来淡出Video.js视频，创建图像，在图像下进行所有播放器更改等，然后淡出图像。
我似乎无法通过Canvas访问视频，我得到了
Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': No function was found that matched the signature provided.
下面是代码
var video = document.getElementById('video');
浏览 1提问于2014-11-05得票数 0
1回答
我有两个标签使用引导标签。每个选项卡都有一个带有代码的对象标记。
每次在火狐中切换一个选项卡时，闪存播放器(如果暂停视频)的状态都会被维护，而在Chrome中，视频会重新加载.。
在每个选项卡上，我们显示各自的视频播放器。使用templateLoadHandler，我们正在跟踪哪些选项卡装载了播放器，在每个选项卡开关上，我们在其他选项卡上暂停视频。
这似乎在火狐和IE上运行得很好，但在Chrome上，我们看到每次一个选项卡是活动的(或者通过淡入淡出带来焦点)，templateLoadHandler就会触发。因此，每一个选项卡的开关都会在Chrome中触发templateLoadHandler，
浏览 3提问于2013-02-21得票数 0
回答已采纳
我有一个模式对话框，显示一个视频和一个图片库，每个都在一个带有一些附加内容的div中。视频- div应该会在点击时淡出，这就像safari和FF (html5视频)中的护身符一样，但在ie7和8中使用flowplayer时，视频不会淡出，而是在div中的所有其他元素淡出后突然消失。
有什么想法吗？
谢谢，Lutz
浏览 0提问于2011-02-04得票数 0
2回答
我似乎在jQuery的淡出功能上遇到了问题。当按下Z键时，视频淡入并开始播放，当按下X键时，视频应该淡出。现在发生的情况是淡入正在工作，但当我按下X时，视频不会淡出，而只是暂停。如果有人能帮助我，那将是一个巨大的帮助！
$(document).ready(function() {
$('#video').animate({
volume: 0.0
}, 500);
$('.name').fadeTo(1000, 1);
$(document).keypress(function(event) {
var key = (e
浏览 1提问于2017-11-08得票数 0
2回答
我想淡出一个Vimeo通用嵌入(iframe版本)，暂停它，淡入另一个，然后自动播放它。我的代码淡出并暂停第一个视频，但立即引入新的视频(没有淡入)，然后不会自动播放它。我猜这是一个语法问题。我使用froogaloop js库来控制Vimeo API。
想法？谢谢你的帮忙!
HTML：
<div id="fire" class="vim">
<iframe id="regular" class="vid" src="http://player.vimeo.com/video/223
浏览 0提问于2011-04-16得票数 0
回答已采纳
我有下面的代码，我想在超过8秒的时间内淡出视频，它工作得很好，除了它只是标签淡入(控件)。视频帧序列从第一帧开始，没有任何淡入淡出，而控件仍在淡入淡出。如何将淡入淡出绑定到视频标签和实际媒体，使图像和控件都淡出/淡出？
function assets(){
var elem = document.getElementsByTagName("video")[0];
elem.style.transition = "opacity 8s linear 0s";
elem.style.opacity = 1.0;
}
浏览 4提问于2016-07-08得票数 0
1回答
已经过了几天了。一切都像地狱一样缓慢。从桌面转到下一个桌面是很慢的。解锁我的工作站有点淡出锁定屏幕，并在桌面上褪色。动画大约需要5秒！任何弹出式或窗口移动钉住一个核心1-2秒，几乎无法使用.火狐中的滚动几乎不再起作用，而在Chrome中则要好一点。从我的相机打开一个图像(使用默认图像查看器的18 18Mpix)会冻结我的系统几秒钟。但最糟糕的是视频:我不能再用mplayer (我的首选播放器)播放任何全屏幕视频了。VLC似乎可以做得更好，但我没有看到30 not，所有的口吃。几周前一切都很顺利。
我的GC是一个旧的ATI (Radeon 4350/4550)，据我所收集的，这可能是一个问题.是
浏览 0提问于2014-06-24得票数 0
回答已采纳
1回答
我正在开发一个Web应用程序，我们的客户要求当用户访问它时，必须使用语音自动播放视频。下面是我正在做的事情：
HTML：
<embed id="video1" src="" wmode="transparent" type="application/x-
shockwave-flash" width="538" height="580" allowfullscreen="true"
title="Adobe Flash
浏览 0提问于2018-10-15得票数 4
8回答
我正在编写一个浏览器插件，需要找到一种方法来获得当前时间的YouTube视频播放YouTube使用JavaScript。我一直在玩Chrome JavaScript控制台，但一直没有任何运气。
似乎chrome API只适用于嵌入式视频播放器，而不适用于在youtube.com上播放的视频。我研究的一个选项是在视频的共享部分，它是包含视频当前时间的"start at:“时间的输入框。我曾尝试在此输入框上使用.value和.text，但它们都返回undefined？有谁有什么想法吗？
浏览 6提问于2011-08-07得票数 48
回答已采纳
3回答
HTML5 <video>回调？
、、、、
我正在为一个客户的网站工作，他们坚持使用HTML5的视频标签作为他们的一些视频内容的交付方法。我目前已经在的帮助下启动并运行了它，以处理Internet Explorer Flash回退。
他们让我做的一件事是，在视频播放完后(它们都有不同的长度)，淡出它们，然后淡出一张图片来代替视频-把它想象成视频后面的海报框。
这有可能吗？你能通过Javascript或其他方法获取当前正在播放的电影的时间码吗？我知道know播放器()有一个onFinish函数，这是我应该采用的替代HTML5视频方法的路线吗？IE用户将获得Flash播放器这一事实是否需要两种不同的解决方案？
我们将非常感谢您的任何意见。我
浏览 3提问于2010-06-02得票数 34
回答已采纳
对于我的Chrome扩展，我想关闭/打开YouTube视频的注释。以下是一个包含注释的示例视频：
我找了很多。YouTube提供了很多修改视频的接口方法，但是我找不到任何关闭注释的JavaScript函数。最有希望的解决方案似乎是url参数(iv_load_policy)攻击，但它不再起作用了。
如何在Chrome扩展中关闭YouTube视频的JavaScript注释？
浏览 0提问于2014-06-07得票数 2
我有一个大问题，当制作一个屏幕共享演示之间的铬浏览器依赖于WebRTC。
环境：MacBookPro macOS 10.13.3，chrome: 64.0.3282.119
为了获得屏幕媒体sourceId，我还做了一个铬扩展，后台脚本as代码如下：
var screenOptions = ['screen', 'window'];
......
chrome.desktopCapture.chooseDesktopMedia(screenOptions, port.sender.tab, onAccessApproved);
当在我的html java
浏览 1提问于2018-01-30得票数 2
我有一个嵌入在网页中的html5视频，当用户点击链接时，它会随着淡入淡出而出现。
如果我单击播放，时间线光标会跳到末尾，不播放任何内容。
如果我点击时间线(这样寻找)，视频从我点击的点开始并正常播放。
我已经在.htaccess中添加了视频格式。
我该如何解决这个问题呢？
在chrome上，它可以像预期的那样工作。
<video width="660" height="275" controls="controls">
<source type="video/webm" src="video/n
浏览 0提问于2012-11-27得票数 1
1回答
因此，我试图让我的脚本在完全执行之前等待。这是我现在的JS
// JavaScript Document
$(document).ready(function() {
$(function(){
$(document).bind("YTPStart", function(){ $("#rj").fadeOut(3000)});
$("#bgndVideo").mb_YTPlayer();
});
});
现在，所有这些都是文本将显示(
浏览 1提问于2013-12-28得票数 0
回答已采纳
2回答
我正在这个网站( )工作，我想在第一个街区里有一个电影播放器。所以我想我需要从头开始构建一些东西，因为我希望视频播放器没有控制，这个"Play Button“应该出现在视频的顶部，当它还没有启动的时候，点击，按钮就会淡出，视频开始播放。
没有太多的代码就能做到吗？谈到Javascript (jQuery)，我不是野兽。
浏览 5提问于2014-04-13得票数 1
回答已采纳
我的页面动态启动了几个Vimeo iFrame嵌入式视频中的一个，我正在使用jQuery淡入/淡出和启动/停止它们。现在，我的close函数隐藏了视频，随后暂停了视频。如果您在隐藏视频后调出相同的视频，它将从之前暂停的位置开始。我想让它重新启动。我想不出正确的行动。有些“停止”和“重启”不是选项(这有多不合逻辑？播放/暂停/停止)。
我链接到Vimeo的托管版本的Froogaloop JS，并使用jQuery调用函数。
谢谢!
JavaScript：
$('#close, #underlay').click(function() {
$('.vim, #clos
浏览 1提问于2011-04-11得票数 1
回答已采纳
我正在尝试使用Selenium打开一个页面，然后转到Netflix，打开一个视频并播放。一旦我实际到达视频，我就无法加载它，因为我得到了错误：
缺少组件...请访问chrome://组件，找到WidevineCdm组件...
当转到chrome://组件时，没有安装任何组件。如果我像在Selenium中那样定期打开Chrome并导航到视频，我就可以播放它。当我进入常规Chrome中的Chrome://组件时，那里有更多的组件。我想知道如何导入我的正常Chrome设置，但我似乎想不通。我试过使用ChromeOptions和DesiredCapabilities.CHROME，但我不能让它工作。我
浏览 1提问于2015-06-23得票数 1
我刚刚更新到Chrome 20.0.1132.43，其中包括Flash11.3.31.109。因为我在网上看到的大多数闪存视频都会随机显示不规则的行为(跳过像一张坏了的CD，“快速转发”以两倍的帧速率跳过，因为播放速度太快，两秒钟后重新启动每一段视频，显示全屏覆盖但没有图像，全屏播放需要几秒钟才能真正显示一张图片，youtube播放器需要几秒钟才能转到全屏，然后挂在没有图片-sound继续播放的淡出动画控件中)。
我能做些什么来解决或解决这个问题吗？
我正在使用Ubuntu12.10 64位和最新的nvidia-当前驱动程序295.40上的Geforce GT 440。它曾经适用于以前版本的谷
浏览 0提问于2012-06-28得票数 12
我有一个Netflix账号，我还偷看过它在Google Chrome中运行的视频播放器。Netflix将其视频播放器命名为“镉”，javascript公开了你可能期望的所有函数和事件处理程序，如播放、停止、暂停、静音等。我正在构建一个小的Chrome扩展，使我能够调用这些镉播放器函数，但对我来说，最困难的部分是弄清楚如何创建播放器的实例，以便我可以开始调用。javascript很大，很复杂，而且有些晦涩难懂。一旦我创建了一个播放器的实例，我想调用函数将会很容易。
下面是相关的js代码：
muteOn: function() {
this.savedVolume = this
浏览 20提问于2017-02-02得票数 17
回答已采纳
4回答
每当JWPlayer播放完一段视频，它就会淡出黑屏。我宁愿它只显示视频的最后一帧。有没有办法做到这一点？
<script type="text/javascript" src="jwplayer.js" ></script>
<script type="text/javascript">
function changeVideo(filename) {
jwplayer("video").remove();
jwplayer("video").setup({
fil
浏览 0提问于2015-06-30得票数 2
Facebook刚刚更新了聊天(再次)，现在一个新的固定侧边栏停留在屏幕的左侧。当其内容溢出时，将出现滚动条，但仅当使用鼠标滚轮滚动或鼠标移动到滚动条上(或附近)时才会出现。如果鼠标不在它上面，它就会淡出。它对于窗口对象(比如聊天本身)非常有用。那么它是如何工作的呢？
PS我正在寻找一个纯粹的html5/css/javascript解决方案(没有jquery或类似的)，没有浏览器支持的必要，应该在最新的chrome和没有更多，因为我只为chrome做一个应用程序。
浏览 2提问于2011-08-20得票数 43
回答已采纳
我开始设计一个网站，我想利用HTML5的视频播放功能。我使用的是我从Youtube上下载并在Blender中编辑的常用视频，添加了淡入/淡出和黑白效果，并渲染为MP4视频文件。我的html非常简单：
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Strange</title>
</head>
<body>
<video width="1920" height="240"
浏览 4提问于2015-02-09得票数 0
1回答
刚开始编写代码。我知道的很少。我试着把我所有的东西都放到JSFIDDLE中...它似乎就是不起作用。
这里有一张背景图片。上面有一段视频。在视频的顶部有一个横跨整个页面的标题。
当我尝试fadeToggle消除除视频之外的所有内容时，视频中标题的确切部分很快消失，而相同标题的其余部分(不与视频重叠)随着背景图像一起淡出，因为我已将其设置为fadeToggle(1500)。
为什么是相同的图像(标题，而不是背景。背景淡入淡出)淡出时会被切碎吗？
谢谢你们！
浏览 2提问于2015-05-07得票数 0
我有一个淡入淡出元素的JavaScript脚本。
要点是这样的：
function fade() {
if (cat.style.opacity > 0) {
// decrease opacity slightly
cat.style.opacity -= 0.1;
// call fade again in a fraction of a second
setTimeout( fade, 60 );
} else {
cat.style.visibility = "hidden
浏览 2提问于2013-05-15得票数 1
回答已采纳
1回答
Functionality:
我已经实现了一个jPlayer音频功能，其中音频将播放相应的视频。
因此，在视频的某一部分，我需要设置音频逐渐淡出，而不是只是一个突然的静音。
我所做的：
我已经将jplayer设置为播放以下视频列表，并在以下参数中将音频设置为静音：
$("#Macallan_Video").jPlayer("mute", true);
发行：
音频将在视频所需的部分静音。但是，通过查看jPlayer的文档，我仍然无法设置jplayer音频淡出。
请给我一些关于如何淡出音频的帮助。
代码：
function stop_interrupt()
浏览 10提问于2016-05-30得票数 0
回答已采纳
我有一个录像机。在这个项目中，我将视频和图像合成到单个视频中，并在单个视频时间轴中映射每个对象。我想要一个图像-视频或视频-视频之间的交叉淡入淡出效果过渡，但问题是我不想使用AVAssetExportSession，因为合成的视频大约需要2-3个小时，可能会导致用户设备中可能没有的in。
我正在寻找一些类似于中的示例，但它也使用了AVAssetExportSession。知道如何在不导出合成视频的情况下实时解决交叉淡入淡出效果问题吗？
浏览 2提问于2016-10-10得票数 0
这是一个非常奇怪的问题，我被难住了。我有一个带有HTML5视频的Flexslider。在我的笔记本电脑上，它在Firefox、Safari和Chrome上都能完美地工作。除了第一个视频，它在iPad上也工作得很好。它只是加载和加载，永远不会播放。如果我改变了视频的顺序，它仍然是第一个不加载的视频，所以我知道它不是那个特定的视频。如果我将动画设置更改为“淡入淡出”，它会加载得很好。如果设置为"slide“，它就不会加载第一个视频。我在flexslider中有其他设置，但如果我将它们全部删除，并保留它们的默认值，同样的问题。我甚至不知道从何说起。
浏览 1提问于2013-01-11得票数 2
我有一个带视频播放器的页面。
<div id='modal-bg'>
<div id="video-exit"></div>
<div class="video-box-wr">
<video id="model_vid" class="video-js vjs-default-skin" controls poster="myposter.png" data-setup='{}'>
浏览 0提问于2013-03-12得票数 1
我有一个Vimeo视频(通过通用嵌入iframe)隐藏在我的页面上。点击一个链接，它会淡入，点击视频之外(lightbox风格)，它会淡出并隐藏--但视频会继续播放。我在上读到你可以使用JSON对象来暂停视频，但是我不明白他们在说什么。
HTML：
<img id="show_tide" class="vid" src"#">
<i<iframe id="tide" class="vim" src="http://player.vimeo.com/video/1747304?port
浏览 2提问于2011-04-08得票数 8
回答已采纳
我有一些Javascript可以“动画”HTML元素的颜色变化，如下所示：
var element = document.getElementById("someid");
while (i < 255) {
element.style.color = 'rgb(' + i + ',' + i + ',' + i + ')';
i++;
slowMeDown(); // This function runs for a few ms to slow the process down
}
浏览 9提问于2009-02-25得票数 4
回答已采纳
我正在尝试从div中进行延迟淡入淡出。我使用的是JQuery，但是没有一种延迟方法在Chrome16中有效，在FF 10中一切正常。
msgCenter.style.display = "inline";
setTimeout('$("#messageCenter").hide("fade", { }, 1000);',4000);
$('#messageCenter').delay(4000).fadeOut();
这两种方法在Chrome中都不起作用。
这将在Chrome中工作，但没有淡入淡出效果：
setTi
浏览 3提问于2012-02-08得票数 0
回答已采纳
1回答
jQuery不支持视频
、、、
我正在尝试使用jQuery淡出一段视频
在我的网页上，我有这样一段视频：
html
<video playsinline autoplay loop id="video">
<source src="myVideo.mp4" type="video/mp4">
</video>
然后在我的js文件中：
var $vid = $('#video');
$vid.delay(2000).fadeOut(500);
我让视频消失，而不是淡出。感谢您的帮助。谢谢
浏览 0提问于2017-04-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
