iPad 的 MediaElement.JS 和 setCurrentTime()答案

【问题标题】：MediaElement.JS & setCurrentTime() for an iPadiPad 的 MediaElement.JS 和 setCurrentTime()
【发布时间】：2012-03-21 13:34:29
【问题描述】：

我目前在我的网站上使用 MediaElement.js 作为 HTML5 视频页面。

当用户离开页面/站点时，我会保存视频的位置，以便当他们返回离开的位置时。

我在浏览器中可以正常工作，但是当我在 iPad 上尝试这个时，我无法使用 setCurrentTime()。

我尝试在播放事件和loadedmetadata 事件中使用以下内容两者都可以在 Chrome 上正常工作，但在 iPad 上不行。

player.addEventListener('loadedmetadata', function (e) {
    if (savedPosition > 0) {
        // Debug
        console.log('[StartFrom]' + savedPosition);

        // Set the start time from the relation in seconds
        player.setCurrentTime(savedPosition);

        // Debug
        console.log('[CurrentPosition]' + player.currentTime);

        // Set the video has played flag - so if paused and played it is not 
        // reset to start time

        videoHasPlayed = true;
    }
}, false);

请问有人有什么聪明的想法可以帮我解决这个问题吗？ https://github.com/johndyer/mediaelement/issues/243

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

我找到了解决自己问题的方法，经过各种研究后，我将代码移到了 timeupdate 事件中，它在 iPad 和现在的桌面上都可以正常工作。

确保使用布尔值来阻止逻辑进入疯狂循环。

    //EVENT - When the video time has been updated
    player.addEventListener('timeupdate', function (e) {

        //If video has not been played AND savedPosition is greater than 0  
        if (!videoHasPlayed && savedPosition > 0) {

            //Debug
            console.log('[StartFrom - meta]' + savedPosition);

            //Set the start time from the relation in seconds (MediaElement)
            player.setCurrentTime(savedPosition);

            //Debug
            console.log('[CurrentPosition - meta]' + player.currentTime);

            //Set the video has played flag
            //Otherwise be continual loop of going back to this time
            //This event gets called around every 250ms
            videoHasPlayed = true;
        }
    }, false);

【讨论】：