Question

当点击一个链接时，我有一个div和三个链接div使用embedHTML视频设置其innerHTML，当点击链接更改当前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>

效果不明显，即使持续时间增加（例如'慢'）也没有注意到不透明度变暗的褪色，当我用图像替换EmbedHTML时，此代码适用并且注意到褪色的效果但是视频不明显，我该如何解决这个问题？

提前感谢您的任何尝试

注意： embedHTML可能来自youtube或任何服务器或来自我的JWPlayer。

Answer 1

我搜索并搜索了这个问题的解决方案，因为我想用adobe .pdf对象做类似的事情，但简而言之，我发现没有办法让这个工作。

请参阅我关于此事的SO帖子：

Alternate method of inserting a .PDF file into HTML page

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

要解决您的问题，您可以查看在单独的<div>标记中包含每个视频并在该div上执行jQuery函数而不是视频对象本身。你可能会丢失fadeIn，fadeOut效果，但至少你可以在你想要的时候.css({display:'block'})或.css({display:'none'})显示/隐藏视频。

淡入淡出div包含jquery中的视频embedHTML

1 个答案: