淡入淡出一个div包含jquery中的视频嵌入HTML

淡入淡出一个div包含jquery中的视频嵌入HTML,jquery,html,Jquery,Html,我有一个div和三个链接当一个链接被点击时,div被设置为它的innerHTML和一个嵌入的HTML视频,我需要在点击链接时改变当前div视频时产生一些效果 例如: <a id="Link1" onClick="ChangeVideo(1)">Link1</a> <a id="Link2" onClick="ChangeVideo(2)">Link2</a> <a id="Link3" onClick="ChangeVideo(3)">

我有一个div和三个链接当一个链接被点击时,div被设置为它的innerHTML和一个嵌入的HTML视频,我需要在点击链接时改变当前div视频时产生一些效果

例如:

<a id="Link1" onClick="ChangeVideo(1)">Link1</a>
<a id="Link2" onClick="ChangeVideo(2)">Link2</a>
<a id="Link3" onClick="ChangeVideo(3)">Link3</a>
<div id="CurrVideo"></div>
<script type="text/javascript" language="javascript">
//The ArrEmbed is an array that is set on the load of the page::
var ArrEmbed = new Array();
function ChangeVideo(index)
{
   $('#CurrVideo).fadeTo(1000,0.25,function(){
   document.getElementById("CurrVideo").innerHTML = ArrEmbed[index-1];
   });    
    $('#CurrVideo).fadeTo(500,1.25); 
}
</script>
效果不明显,且不透明度降低导致的褪色未被注意到,即使持续时间增加,例如“慢”,当我用图像替换嵌入HTML时,此代码适用,且褪色效果已被注意到,但视频不明显,因此如何解决此问题

提前感谢您的任何尝试

注:
EmbeddeHTML的不同之处在于它可能来自youtube或任何服务器,也可能来自我的JWPlayer。

我一直在搜索这个问题的解决方案,因为我想用adobe.pdf对象做一些类似的事情,但简言之,我发现没有办法做到这一点

请参阅我的SO帖子:

我知道这不是你想听的答案,我同样感到失望。主要问题的存在是因为adobe对象实际上将自己呈现在HTML的“顶部”,就好像它们只是浮动元素,没有以任何方式连接到HTML,因此您无法操纵它们


为了解决您的问题,您可以考虑将每个视频包含在单独的标记中,并在该div上执行jQuery函数,而不是视频对象本身。您可能会丢失fadeIn、fadeOut效果,但至少可以在需要时显示/隐藏视频的.css{display:'block}或.css{display:'none'}。

您使用的是javascript框架吗?我不太熟悉这篇文章的语法,但是一些事件会让你的代码更简单一些!另外,你有没有在很多浏览器上尝试过这个,这一点很重要。我已经尝试过了,现在的问题是flsh播放器感觉不到效果,所以我用另一种方法解决了它,但仍然需要知道如何解决flsh播放器动画的问题