當我嘗試更改嵌入式電影(quicktime)的src屬性時,它在Firefox中本地工作奇怪,但在Firefox中無法在服務器上工作,在Safari中在本地或服務器上工作,並且在IE中不起作用。更新:動態替換JavaScript中的嵌入標籤的src屬性
我嘗試什麼以下建議:
$(".image_thumb ul li ul li").click(function(){
var imgTitle = $(this).find('a').attr("href");
var imgDesc = $(this).find('.block').html();
var imgDescHeight = $(".main_image").find('.block').height();
if ($(this).is(".active")) {
return false;
} else {
alert(imgTitle);
var videoClone = $(".main_image object").clone()
.find("embed").attr({src: imgTitle}).end()
.find("param:first").attr({value: imgTitle});
$(".main_image object").remove();
$(".main_image").append(videoClone);
$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
$(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250);
});
}
//more code
這並不讓影片出現在所有。一切都得到加載,但電影。有人知道爲什麼當然,我不能成爲唯一使用閃光燈以外的東西加載電影的人。
HTML(如果有用):
<div id="vid_wrapper">
<div class="main_image">
<object width="160" height="144"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="../images/Intro-1.mov">
<param name="autoplay" value="true">
<param name="controller" value="false">
<EMBED SRC="../images/Intro-1.mov" WIDTH=500 HEIGHT=380 AUTOPLAY=true CONTROLLER=true LOOP=false PLUGINSPAGE="http://www.apple.com/quicktime/"> <!-- <img src="" alt="video_1"> -->
</object>
<div style="display: block;" class="desc">
<a href="#" class="collapse">Close Me!</a>
<div style="opacity: 0.85; margin-bottom: 0px; display: block;" class="block">
<h2>Video 1</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</div>
</div>
<div class="demo lists image_thumb">
<ul>
<li class="expand">Admin System
<ul class="collapse">
<li class="active">
<a href="../images/Intro-1.mov">
<img src="../images/banner1_thumb.jpg" alt="video_1">
</a>
<div class="block">
<h2>Video 1</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
<li>
<a href="../images/Intro-2.mov">
<img src="../images/banner1_thumb.jpg" alt="video_2">
</a>
<div class="block">
<h2>Video 2</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
</ul>
</li>
<li class="expand">Enrollment System
<ul class="collapse">
<li>
<a href="../images/Intro-1.mov">
<img src="../images/banner1_thumb.jpg" alt="video_3">
</a>
<div class="block">
<h2>Video 3</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
<li>
<a href="video4.jpg">
<img src="../images/banner1_thumb.jpg" alt="video_4">
</a>
<div class="block">
<h2>Video 4</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
</ul>
</li>
<li class="expand">Inventory System
<ul class="collapse">
<li>
<a href="video5.jpg">
<img src="../images/banner1_thumb.jpg" alt="video_5">
</a>
<div class="block">
<h2>Video 5</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
<li>
<a href="video6.jpg">
<img src="../images/banner1_thumb.jpg" alt="video_6">
</a>
<div class="block">
<h2>Video 6</h2>
<p>Autem conventio nimis quis ad, nisl secundum sed, facilisi, vicis augue regula, ratis, autem. Neo nostrud letatio aliquam validus eum quadrum, volutpat et.</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
感謝任何迴應。
它沒有工作。電影本身現在不會在頁面上加載。在我最初的問題中,我更新了它。 – JohnMerlino 2010-11-22 17:59:32
將div放入電影是唯一的解決方案。您無法動態更改JavaScript中嵌入標記的src屬性。有一個新問題。雖然我有一個菜單,它應該放在它的前面,但是電影在頁面中的所有內容上都是分層次的。 – JohnMerlino 2010-11-22 20:07:31
試過設置菜單的z-index?例如。到100. – 2010-11-23 00:06:44