【问题标题】:Cannot replay YouTube video on mobile twice when rel=0rel=0 时无法在移动设备上重播 YouTube 视频两次
【发布时间】:2015-09-04 20:02:06
【问题描述】:

YouTube API 中的rel 参数规定是否在末尾显示相关视频。当rel=0 时,视频会恢复为带有播放按钮的缩略图。

但是在移动设备上(在 iPhone / iPad / Fire 平板电脑上测试),当视频返回缩略图时,它无法再次播放。它什么都不做。

reported the issue to Google,但几天后还没有。

我不得不求助于销毁视频并重新创建它,但这会产生一种令人讨厌的闪烁。

我对 YouTube 问题的经验是,他们似乎永远无法解决与 iOS 相关的任何问题 - 所以我想知道是否有任何其他技巧可以防止这种情况发生。

Test page

【问题讨论】:

    标签: youtube youtube-api mobile-safari


    【解决方案1】:

    按特定间隔刷新网页的问题是您无法准确知道视频何时结束,因此您需要开发一种方法,视频播放器在视频结束时发送信号,然后启动脚本进行刷新这页纸。否则,您最终会在视频中间重新启动它。所以就个人而言,我什至不会刷新页面。对于音频播放器,它可以正常工作,因为音频更小并且流更快。视频不......他们总是停下来缓冲。 所以YouTube API使用"Events""Listeners",所以特别需要围绕Event进行设计:"onStateChange"

    When onStateChange = "ended"(零)视频已结束,因此您重新加载具有相同视频的视频播放器并再次将其设置为就绪状态。 理论上它非常容易,您基本上需要通过 javascript 设置和控制整个视频播放器。 API 提供了这方面的示例。

    http://code.google.com/apis/youtube/js_api_reference.html
    http://grizzlyweb.com/webmaster/javascripts/refresh.asp
    http://code.google.com/apis/youtube/forum/
    

    【讨论】:

    • 关于刷新我的意思是删除页面上的 IFRAME 并用新的 IFRAME 替换它。我不打算刷新整个页面。这种方法实际上对我来说效果很好,但我认为我刚刚发现了一个错误 - 坦率地说,我有点惊讶这没有得到这么少的关注。不是每个人都尝试在移动设备上播放视频两次吗?
    • 也许他们只是刷新页面并再次加载? :) 也许随着时间的推移,这方面会受到更多关注。这是一种可能的解决方案,也许在未来的某个时候会有另一种解决方案。随时将我的答案标记为已接受:)
    • 这基本上是 youtube 中的一个错误,但似乎没有人关心 - 带有红色播放按钮的视频应该可以播放!我很确定这最近坏了,因为我以前从未注意到它
    • 好吧,这绝对是一个错误 ;-) 但我刚刚意识到,谷歌有可能在没有任何人评论我的错误报告的情况下独立修复了它——我很高兴地报告这确实是发生了什么。所以现在我可以多次播放视频,而不必在视频结束时完全销毁和重新创建视频 :-) 呸 :-)
    • 那么,也许这个话题会因为BUG被修复而关闭:)如果他们修复了它,那就太好了。 :)
    【解决方案2】:

    同时查看loopplaylist 参数。您可以将播放列表参数设置为视频 ID,并且可以使用它重播相同的视频。

    所以,它会是这样的: http://www.youtube.com/embed/{VIDEO_ID}?wmode=opaque&loop=1&version=3&playlist={VIDEO_ID}

    希望这会有所帮助!

    【讨论】:

      【解决方案3】:

      YouTube 似乎已修复。

      我现在可以(在多个设备上)多次播放视频而不会卡住。忙着想为什么我的问题很少受到关注,以至于我忘记再次检查它是否已修复;-)

      【讨论】:

      • 哦哦!为什么这现在得到了投票 - 请告诉我它没有再次崩溃!
      猜你喜欢
      • 1970-01-01
      • 2021-09-03
      • 1970-01-01
      • 2019-11-14
      • 2013-09-06
      • 2019-04-02
      • 2015-11-03
      • 2018-01-18
      • 2016-07-11
      相关资源
      最近更新 更多