带有 HTML5 个视频的 Azure AD

Azure AD with HTML5 video

如果我当前未通过身份验证并尝试在受我的 Azure AD 保护的视频的 HTML5 视频标签中加载视频,它不会加载该视频。我看到它尝试调用 /video/123 和 returns 一个位置 属性 为 https://login.microsoftonline.com/ 的 302...然后它再次请求该位置 属性 和returns a 200。视频当然无法播放,因为它还没有加载视频资源。

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

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

实现这一点最简单直接的方法,就是只接受经过身份验证的用户访问带有视频的特殊页面。要验证页面中的用户,如果他们未被授权,则重定向到 Azure AD SSO 页面。

您可以利用 adal for js to implement the functionality with a ease. Meanwhile, you can refer to https://gist.github.com/Walk4Muscle/70b11b272131eedfc0360076fcd64b2c 与 ADAL for js 的普通 javascript 集成。