Question

我正在尝试在页面右侧构建一个表格，我从服务器中提取所有视频。我希望用户点击表格中的一行，然后开始在页面左侧的流动播放器中播放视频。视频网址是我从数据库中提取的内容。

<?php

    for($i=0;$i<$num_videos;$i++)
    {
?>              
        <tr onclick="DoNav('<?php echo $result_videos[$i]["video_url"]; ?>');">
            <td>
...

这是javascript：

function DoNav(theUrl)
{
  flowplayer("player", "flowplayer/flowplayer-3.2.7.swf", document.location.href = theUrl);
}

无论出于何种原因，我似乎无法让流程玩家使用这个div：

<div id="player"><img src="recordings/landscape.jpg" width="320" height="240" /></div>

它只会提示您打开或保存视频，而不是在当前窗口中播放。如果有人知道这个问题，将不胜感激。无论如何，我知道我可以让流媒体使用像这样的href：

<a 
href="url" 
style="display:block;width:320px;height:240px;" 
id="player"><img src="recordings/landscape.jpg" width="320" height="240" />
</a>

但是我不想将href放在表格中，因为我也想要包含启动图像。有什么想法吗？

Answer 1

编辑以提高清晰度。

当函数flowplayer（“player”，“flowplayer / flowplayer-3.2.7.swf”，document.location.href = theUrl）时;被调用的document.location.href正在被调查并导致浏览器转到提示要下载文件的theUrl。

此外，我们发现使用作为子DOM对象更新a存在某种问题。这是通过将图像移动到使用内联CSS的背景来解决的。

JS代码：

function DoNav(theUrl)
{
  flowplayer("player", "flowplayer/flowplayer-3.2.7.swf",  theUrl);
}

HTML表格：

<div id="player" style="display:block;width:320px;height:240px;background-image:url(recordings/landscape.jpg)"></div>

PHP保持不变。

在javascript里面的href

1 个答案: