Html Flowplayer 5.2动态URL_Html_Flash_Url_Dynamic_Flowplayer

Html Flowplayer 5.2动态URL

html flash url dynamic

Html Flowplayer 5.2动态URL,html,flash,url,dynamic,flowplayer,Html,Flash,Url,Dynamic,Flowplayer,我有一个问题/问题需要您的帮助：我修改了flowplayer 3.2.15的示例，以便在每次调用该函数时引入一个动态URL并为该视频创建一个新的flowplayer。它工作得很好，下面是代码： <!doctype html> <html> <head> <title>Flowplayer playlist API : Flowplayer</title> <link rel="shortcut icon" href="http:

我有一个问题/问题需要您的帮助：

我修改了flowplayer 3.2.15的示例，以便在每次调用该函数时引入一个动态URL并为该视频创建一个新的flowplayer。它工作得很好，下面是代码：

<!doctype html>
<html>
<head>
<title>Flowplayer playlist API : Flowplayer</title>
<link rel="shortcut icon" href="http://flash.flowplayer.org/favicon.ico">
<style>
    body{
        width:982px;
        margin:50px auto;
        font-family:sans-serif;
    }
    a:active {
        outline:none;
    }
    :focus { -moz-outline-style:none; }

    .palert {
        padding: 12px;
        color: black;
        background-color: #ededed;
        box-shadow: none;
    }
    #player {
    width:425px;
    height:330px;
    float:left;
    margin:0 0 40px 20px;
}
</style>

<script src="http://releases.flowplayer.org/js/flowplayer-3.2.11.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="http://releases.flowplayer.org/js/flowplayer.playlist-3.2.10.min.js" type="text/javascript" charset="utf-8"></script>

<script>

function showVideoPreview(videoUrl)
{
    $(function() 
    {           
        flowplayer("player", "flowplayer-3.2.15.swf", {clip: { url: videoUrl, scaling: 'fit' }});
    });
}

showVideoPreview('http://www.tools4movies.com/trailers/1012/A%20Good%20Day%20To%20Die%20Hard.mp4');

</script>

<link rel="stylesheet" type="text/css" href="playlist.css"/>
</head>

<body>
<button onClick="showVideoPreview('http://www.tools4movies.com/trailers/1012/Alex%20Cross.mp4');">Recreate</button>
<div id="player"></div>
<br clear="all"/>
</body>
</html>

然而，因为它是3.2.15，它不适用于HTML5。所以我想升级这段代码以使用5.2。我尝试以5.2为例，应用相同的逻辑，但视频从未显示，也没有显示javascript错误。有人能提供一些指导或帮助吗？以下是我尝试过的：

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="skin/minimalist.css" />
<style>
body { font: 12px "Myriad Pro", "Lucida Grande", sans-serif; text-align: center; padding-top: 5%; }
#player {
    width:425px;
    height:330px;
    float:left;
    margin:0 0 40px 20px;
}
</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://releases.flowplayer.org/5.2.1/flowplayer.min.js"></script>
<script>
function showVideoPreview(videoUrl)
{
    $(function() 
    {           
        flowplayer("player", "http://releases.flowplayer.org/5.2.1/flowplayer.swf", {clip: { url: videoUrl, scaling: 'fit' }});
    });
}

showVideoPreview('http://stream.flowplayer.org/bauhaus/624x260.mp4');
</script>
</head>
<body>
<div class="flowplayer" id="player" data-swf="http://releases.flowplayer.org/5.2.1/flowplayer.swf"></div>
</body>
</html>

非常感谢各位，我非常感谢。

我从未收到过任何来自此的想法/解决方案，因此如果您需要动态更改视频URL并希望在HTML5/Flash中使用，我建议尝试其他工具。