Question

我需要根据成绩单中的时间戳信息从任何地方播放视频。

以下是视频：

<video id="demo" width="720" height="600" controls="controls" preload="true"><source type="video/mp4" src="sample.m4v" /><track label="English" srclang="en" kind="subtitles" type="text/vtt" src="sample.vtt" /></video>

以下是成绩单的片段：

*ABD:   yes it’s the [opposite
*JUL:   [yeah <span class="movControl" id="play" name="current_time"   value="15">&#9654;</span>
°↑i do (h) not even try° <span class="movControl" id="play" name="current_time" value="16">&#9654;</span>

这里是javascript代码

<script src="/mediaelementjs/jquery.js"></script>
<script src="/mediaelementjs/mediaelement-and-player.min.js"></script>
    var media; // we need this global variable
    var t1 = document.getElementsByName("current_time")[0].value;
    t1 = parseInt(t1);
    jQuery(document).ready(function ($) {
        $("video").mediaelementplayer({
            enableKeyboard: true,
            pauseOtherPlayers: true,
            framesPerSecond: 25,
            loop: false,
            startVolume: 0.8,
            keyActions: [],
            startLanguage: 'en',
            success: function (mediaElement, domObject) {
                media = mediaElement; // make it available for other functions
            }
        });
        $(".movControl").on("click", function () {
            media.setCurrentTime(t1); // set starting time
            media.play();
        });
    }); // ready

因此，当用户点击成绩单中任意位置的图标时，我想获取其相应的时间（例如，15秒）并将其分配给MediaElement setCurrentTime函数。我尝试了上面的代码，但它没有用。你能给我一些帮助吗？非常感谢！

MediaElement.js中的动态setCurrentTime

0 个答案: