如何使用HTML <Video>标签将Azure Media Services直播流嵌入个人网站？

完全可行，但得看Azure Media Services输出的流格式以及浏览器支持情况，具体说明如下：

• 先确认你的直播流格式：Azure Media Services默认会生成HLS（.m3u8）和DASH（.mpd）两种自适应流。其中HLS流可以直接用原生<video>标签播放，Chrome、Safari、新版Firefox等主流浏览器都支持；而DASH流原生<video>标签不直接支持，需要借助JS库（比如dash.js）来处理。

• 直接嵌入HLS流的示例代码：

<video controls width="640" height="360">
  <source src="你的Azure HLS直播流URL" type="application/x-mpegURL">
  你的浏览器不支持HTML5视频播放
</video>

• 关键注意事项：
  • 确保你的直播流访问权限是公开的，或者配置了正确的访问签名（如果是私有流），否则浏览器会因权限限制加载失败。
  • 部分旧版浏览器对HLS支持有限，建议优先用HLS流适配主流新版本浏览器，若需兼容更多场景，可结合Azure Media Player或者第三方JS库。

内容的提问来源于stack exchange，提问作者Ashraf Lobo