1

あなたの支援を利用できる質問/問題がありました:

関数が呼び出されるたびに、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>

どうもありがとうございました。

4

0 に答える 0