【问题标题】:How to make button visible when the youtube video finishesyoutube视频完成后如何使按钮可见
【发布时间】:2014-08-03 04:22:42
【问题描述】:

我的 PHP 网站上有一个自动播放 YouTube 视频的弹出窗口,我放置了一个按钮来进入网站跳过弹出窗口。

但我希望 进入网站 按钮仅在 youtube 视频结束后可见。

【问题讨论】:

    标签: php html button


    【解决方案1】:

    如果您知道视频的时长,您可以使用setTimeout() JavaScript 函数在该时长之后显示跳过进入按钮。

    $(document).ready(function(){
        setTimeout(function(){
            $(".hidden").removeClass("hidden");
        }, 25000);
    });
    

    小提琴:http://jsfiddle.net/praveenscience/qufb369v/

    【讨论】:

    • 用户可以暂停和播放视频,所以这不是一个好方法。
    • @IdanMagled True... 为此,我们需要通过添加用于检测暂停/播放的 YouTube API 使事情变得复杂。简介不值这么多,对吧?
    【解决方案2】:

    检查这个答案:click me

    这是检查 id youtube 视频是否已结束 (ifram) 的功能

    function onPlayerStateChange(event) {
      if (event.data == YT.PlayerState.ENDED){
        // your code to run after video has ended
      }
    } 
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-01-15
      • 1970-01-01
      • 2017-03-23
      • 1970-01-01
      • 1970-01-01
      • 2020-06-12
      • 2012-01-15
      • 2013-06-09
      相关资源
      最近更新 更多