问在iOS上不播放微软团队应用程序的视频
EN

Stack Overflow用户

提问于 2022-04-15 14:44:54

回答 1查看 136关注 0票数 3

我的公司目前正在开发微软团队应用程序，它必须在页面加载时自动在线播放视频。它在桌面和安卓上运行得很好，但是这个视频没有在iOS上播放。

<video>标签包含以下属性：muted autoplay playsinline webkit-playsinline，当我访问Safari、Chrome、Opera或Firefox的网站时，它就足以让视频自动播放(和内联)，这些网站都在iOS上使用webkit。但是，当我在我创建的Microsoft选项卡中时，视频会暂停在第一个帧上，直到我与它交互时才会播放。然后是全屏，看起来很像iOS10 10之前的行为。

我想这是个bug，因为我的应用程序在微软安卓团队中运行得很好，所以不允许视频在iOS上在线播放似乎不是故意的，对吗？据我所知，WKWebViewConfiguration公开了控制此行为的属性：allowsInlineMediaPlayback (参见docs 这里)。有没有可能在iOS微软团队应用程序中没有正确设置此属性？

否则，有什么我应该做的事情，我错过了吗？

干杯

编辑：

根据要求，下面是一些用于复制问题的最低限度代码：

网页(目前托管在https://frigomeo.fr/chrome/teamsBugDemo/teamsbugdemo.html )

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <title>Teams bug demo</title>
  </head>
  <body>
    <video preload="auto" src="video.mp4" controls muted autoplay playsinline webkit-playsinline />
  </body>
</html>

应用程序的manifest.json

{
  "$schema": "https://developer.microsoft.com/json-schemas/teams/v1.12/MicrosoftTeams.schema.json",
  "manifestVersion": "1.12",
  "version": "1.0.0",
  "id": "1887dd12-de90-4a53-ba64-f612b8575be0",
  "packageName": "com.cenareo.teamsbugdemo",
  "developer": {
    "name": "Cenareo",
    "websiteUrl": "https://cenareo.com",
    "privacyUrl": "https://cenareo.com/fr/informations-legales/rgpd",
    "termsOfUseUrl": "https://cenareo.com/fr/informations-legales/cgu"
  },
  "name": {
    "short": "Teams bug demo",
    "full": "Teams bug demo"
  },
  "description": {
    "short": "Teams bug demo",
    "full": "Teams bug demo"
  },
  "icons": {
    "outline": "outline.png",
    "color": "color.png"
  },
  "accentColor": "#000032",
  "staticTabs": [
    {
      "entityId": "home",
      "name": "Home",
      "contentUrl": "https://frigomeo.fr/chrome/teamsBugDemo/teamsbugdemo.html",
      "scopes": ["personal"]
    }
  ]
}

将其与这2幅图像一起压缩(确保首先重命名它们为color.png和outline.png )：

color.png