使用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的问题

回答

相关问题