1

やあみんなどうすれば次のようなHTMLを使ってビデオにステップを追加できますか？

ステップ1->00:00| ステップ2->03:01| ステップ3->05:33。

Flowplayerがこれに対して提供するものはありますか？

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

4

2 に答える 2

1

はい、FlowplayerのJavaScriptAPIを介して実行できます。これが例です。

seek基本的には、プレーヤーでメソッドを呼び出すだけです。

$f("player").seek(55 /* seconds */);
于 2011-03-13T03:40:23.210 に答える
0

この本当に簡単な例を試してみてください。それはクロムとFirefoxで動作します。プレーンなhtml5とjavascript、およびボタン（かなり小さくレンダリングされます）を使用しており、ここから多くの情報を使用しました。お役に立てれば。 

        function changeTheChapter()
        {

            var currentChapter = parseFloat(document.getElementById("currentChapter").value);
            var videoPlayer = document.getElementById("tehplayer");

            var positon = [];

            positon[0] = 0;
            positon[1] = 30;
            positon[2] = 60;

            videoPlayer.currentTime = positon[currentChapter];
            document.getElementById("currentChapter").value = parseFloat(currentChapter+1);
            //videoPlayer.currentTime = position[currentChapter];
        }
    </script>
</head>
<body>
    Video For Everybody Generator
    MP4 Video Ogg Video WebM Video Poster Image Fallback Title Width Height Autoplay XML Formatting Embed as HTML5+Flash HTML5 Flash Poster Flash Player
    Preview
    Big Buck Bunny

    Download video: MP4 format | Ogg format | WebM format
    Source Code

    <!-- "Video For Everybody" v0.4.2 by Kroc Camen of Camen Design -->
    <video id="tehplayer" controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
        <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
        <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" />
    </video>
    <input type="hidden" id="currentChapter" value="0" />
    <p>
        <strong>Download video:</strong> 
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4">MP4 format</a> | <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv">Ogg format</a> | 
        <a href="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm">WebM format</a>
    </p>
    <button id="chapterChange" value="Go To Next" onclick ="changeTheChapter();"/>

</body>

于 2011-03-10T23:02:04.243 に答える