【问题标题】:What do I need to add to my dailymotion embed code to make video play on iOS?我需要添加什么到我的 dailymotion 嵌入代码中才能在 iOS 上播放视频?
【发布时间】:2016-05-21 12:04:36
【问题描述】:

视频在我的电脑上可以正常播放,但我想让它在 iPhone 等设备上播放。在这方面我是一个绝对的初学者,并感谢我能得到的所有帮助。这是我网站上存在的代码,请告诉我要添加或更改的内容。谢谢!

 <iframe frameborder="0" allowfullscreen="true" width="640" height="360" src="http://www.dailymotion.com/embed/video/x3om8ig?api=postMessage&amp;id=player&amp;syndication=lr:167083&amp;autoplay=1&amp;mute=0&amp;info=0&amp;logo=0&amp;related=0&amp;social=0&amp;controls=0&amp;start=0&amp;html=1&amp;chromeless=1&amp;highlight=FFCC33"></iframe>

【问题讨论】:

  • 为了让社区帮助您,您需要准确描述您所做的事情(所以您有一个包含此代码的页面,对吗?您有链接吗?)以及问题所在在您的 iPhone 上:视频是否加载?玩 ?你有黑人球员吗?错误信息?欢迎任何日志、控制台消息或其他详细信息
  • 抱歉,我将视频上传到 Dailymotion,然后将代码嵌入我的网站。如果您访问 pantheonentertainment.com,它可以正常播放,但是当我尝试在 iPhone 上打开它时,它不会出现。没有错误信息,它只是黑色的。我希望我可以添加另一段代码来让它发挥作用,但我不知道。谢谢。

标签: android ios iphone embed dailymotion-api


【解决方案1】:

您的 iframe 中视频的 url 中有许多不同的播放器参数,您真的需要所有这些参数吗?您可以在https://developer.dailymotion.com/player 找到文档。我们将在这里做一个快速回顾:

  • api=postMessage : 启用播放器 API => 仅在您使用播放器 API 时才需要,因此您可以删除它
  • id=player:要与所有 API 消息一起传回的页面唯一的播放器 ID。 => 仅当您使用播放器 API 时才需要,因此您可以将其移除
  • syndication=lr:167083 :如果您有联合密钥,则使用此选项,以防您是合作伙伴并且想要跟踪您产生的收入。如果这不是您自己的联合密钥,建议您删除此参数!
  • autoplay=1 :将自动播放视频。此参数可能不适用于某些移动操作系统版本,因为大多数移动设备会阻止视频自动播放以节省用户的带宽。
  • controls=0 : 不会显示视频控件
  • html=1 :这是一个测试参数,不应用于生产目的
  • chromeless=1 :我们建议您删除此参数,因为它会删除所有播放器 UI,因此您的用户将无法与视频进行交互(播放、暂停等)

因此,我们建议您删除所有对您无用的引用参数,并改用以下 iframe:

 <iframe frameborder="0" allowfullscreen="true" width="640" height="360" src="http://www.dailymotion.com/embed/video/x3om8ig?mute=0&info=0&logo=0&related=0&social=0&highlight=FFCC33"></iframe>

然后,您的视频将在移动设备上正常播放。发生的情况是,结合使用 chromeless=0 、 autoplay=0 和 controls=0 ,您的视频无法在移动设备上自动启动,并且您隐藏了用户启动它的控件。因此,您只有一个黑色矩形而不是播放器。

使用我提到的代码,视频将静音播放,没有dailymotion标志,没有社交网络上的分享按钮等。您可以通过删除剩余的播放器参数来更改这一切。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-28
    • 1970-01-01
    相关资源
    最近更新 更多