使用JavaScript從鏈接加載QuickTime到div的問題

我有一個左側<div>（id ='videopane'）和右側<div>包含一個可點擊的項目列表。使用JavaScript從鏈接加載QuickTime到div的問題

我在嘗試這樣的程序：您點擊右邊的<div>中的一個項目，它將Quicktime影片加載到左邊的<div>。

我正在使用JQuery media plugin來生成所有的嵌入代碼。如果我只是將代碼<a class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov"></a>輸入到左邊的<div>，它就可以工作。

當我嘗試這個代碼適用於在右<div>列表中的項目之一，雖然代碼似乎沒什麼問題它不工作，：

<a href="#" onclick="document.getElementById('videopane').innerHTML='&lt;a class=&quot;media&quot; href=&quot;anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov&quot;&gt;&lt;/a&gt;'">

任何深入瞭解我在做什麼錯誤？

來源

2011-05-30 rod

您在頁面加載時對插入標籤進行格式化的插件。之後你所做的任何更改都不會產生任何效果。嘗試運行腳本點擊 – Ibu 2011-05-30 20:23:43

從插件的網站找到解決方案，雖然我通過谷歌組發現它： http://www.malsup.com/jquery/media/replace.html – rod 2011-05-30 21:20:46

您正在使用的jQuery插件正在從鏈接的href中獲取電影源。所以你會這樣做鏈接。

<a title="movie title" class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov" />

這會在點擊時產生。

<div class="media"> 
    <object codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
     classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"> 
     <param name="src" value="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov"> 
     <embed src="sample.mov" 
      pluginspage="http://www.apple.com/quicktime/download/"></embed> 
    </object> 
    <div>My Quicktime Movie</div> 
</div>

確保在包含jQuery和插件後添加此項。這是動態生成的都不行，馬上

$('.media').media();

來源

2011-05-30 20:41:50 CodyRob

這只是標準鏈接我正在使用的插件只會將頁面加載的電影加載到您放置標籤的地方。 – rod 2011-05-30 20:57:55

從插件的網站找到解決方案，雖然我通過谷歌組發現了它： http://www.malsup.com/jquery/media/replace.html – rod 2011-05-30 21:22:10

HTML，

確保當您添加錨標記來運行功能插件：

<a href="#" id='rihana' >Rihana</a>

的Javascript

var movie = document.getElementById('rihana'); 

movie.onclick = function() { 
    document.getElementById('videopane').innerHTML= '<a title="movie title" class="media" href="anthony-mandler/music-video/Rihanna_Only_Girl_Web.mov" />' 

// then run the plugin function. 
$('.media').media();

來源

2011-05-30 20:48:27 Ibu

這可能適用於一個電影文件，但我不看看它將如何工作的鏈接到不同的電影文件的列表。 – rod 2011-05-30 21:00:59

從插件的網站找到解決方案，雖然我通過谷歌組發現了它： http://www.malsup.com/jquery/media/replace.html – rod 2011-05-30 21:22:44

使用JavaScript從鏈接加載QuickTime到div的問題

回答

相關問題