html - 带有 HTML5 视频的 Azure AD

Question

如果我当前未经身份验证并尝试在受 Azure AD 保护的视频的 HTML5 视频标记中加载视频，则不会加载该视频。我看到它尝试调用/video/123 并返回 302，位置属性为 https://login.microsoftonline.com/ ...然后，它对该位置属性发出另一个请求并返回 200。该视频当然无法播放，因为它尚未加载视频资源。

当然，如果我已经通过身份验证，那就没有问题了。如何让视频弹出登录屏幕？

Answer 1

由于您的视频受 AAD 保护，因此针对 AAD 的任何请求都需要包含带有访问 token 的授权 header 。因此，针对您的视频的未经身份验证的请求将被重定向到 Azure AD SSO 页面。

实现此目的最简单、最直接的方法是仅接受经过身份验证的用户访问带有视频的特殊页面。要验证页面中的用户，如果未授权，请重定向到 Azure AD SSO 页面。

您可以利用 adal for js轻松实现功能。同时，您可以引用https://gist.github.com/Walk4Muscle/70b11b272131eedfc0360076fcd64b2c用于与 ADAL for js 集成的纯 JavaScript。