【问题标题】:html5 video fast forward skip slideshowhtml5视频快进跳过幻灯片
【发布时间】:2012-12-21 17:57:28
【问题描述】:

我正在尝试创建一个类似幻灯片的视频,如果您单击快进按钮,它会将您带到视频中的特定时间。 (和倒带等。)视频是一个长视频,所以如果当前时间小于我已经实现的暂停标记,我只是想让它跳到某个时间。

这是我的javascript

function Fwd(){
        if (video.currentTime < 17.91)
        { video.play(17.91)
        }
        if ( video.currentTime < 35.93 && video.currentTime > 17.91)
        { video.play(35.93)
        }
    }

这是在我的 html 中 (减去输入前面的空格)

当到达 17.91 秒时,该按钮将从 17.91 秒开始播放下一个场景,但仅在那时。如果时间小于这个值,它不会跳到 17.91。

请帮忙。我是 JavaScript 新手! 谢谢!

【问题讨论】:

    标签: javascript html custom-controls html5-video


    【解决方案1】:

    好吧,这行得通,但我仍然需要弄清楚如何让它自动播放:

    function Fwd(){
        if (video.currentTime <= 17.91 && video.currentTime >= 0)
        { (video.currentTime = 17.92)
        }
        else if (video.currentTime <= 35.93 && video.currentTime > 17.91)
        { (video.currentTime = 35.94)
                }}
    

    更新:在这里找到自动播放的解决方案:autoplay after jump to currentTime in html5 video

    【讨论】:

    • 我似乎无法弄清楚如何让视频从 currentTime = 17.92 和 35.94 开始自动播放。如果我使用 video.play(17.92) 视频不会跳过也不会播放,直到我达到 17.92 秒(并按下播放按钮)
    • 自动播放的解决方案在这里:stackoverflow.com/questions/14142366/…
    猜你喜欢
    • 1970-01-01
    • 2019-04-30
    • 1970-01-01
    • 1970-01-01
    • 2019-12-06
    • 1970-01-01
    • 2015-04-06
    • 1970-01-01
    • 2014-05-11
    相关资源
    最近更新 更多