Azure私有存储视频流无法在HTML5 video标签播放且不支持快进退问题

• 第一个问题：你在ASP.NET Core中直接返回HttpResponseMessage对象，框架会把它当做普通DTO序列化为JSON返回，这就是你拿到的返回结果是JSON格式元数据的原因，没有返回实际的视频流。
• 第二个问题：你没有处理HTTP范围请求（Range请求），HTML5 video标签的快进、快退操作依赖该请求实现，同时大文件分段加载也需要范围请求支持。

你不需要用PushStreamContent，直接按以下逻辑修改接口即可：

1. 改用ASP.NET Core原生的流返回方式，避免HttpResponseMessage被序列化
2. 解析请求中的Range头，支持分段返回视频内容
3. 补充必要的响应头，告知浏览器支持范围请求

修改后的代码示例 #

[HttpGet]
[Route("api/video/{ext}/{filename}")]
public async Task<IActionResult> ExecuteAsync(string filename, string ext)
{
    var _filename = $"{filename}.{ext}";
    string blobstorageconnection = _configuration.GetValue<string>("blobstorage");
    string blobContainer = _configuration.GetValue<string>("blobcontainer");

    CloudStorageAccount cloudStorageAccount = CloudStorageAccount.Parse(blobstorageconnection);
    CloudBlobClient cloudBlobClient = cloudStorageAccount.CreateCloudBlobClient();
    CloudBlobContainer cloudBlobContainer = cloudBlobClient.GetContainerReference(blobContainer);
    CloudBlockBlob blockBlob = cloudBlobContainer.GetBlockBlobReference(_filename);

    if (!await blockBlob.ExistsAsync())
    {
        return NotFound();
    }

    // 加载Blob属性获取总大小
    await blockBlob.FetchAttributesAsync();
    long fileLength = blockBlob.Properties.Length;
    string contentType = blockBlob.Properties.ContentType ?? $"video/{ext}";
    
    // 处理范围请求
    long start = 0;
    long end = fileLength - 1;
    var rangeHeader = Request.Headers["Range"].FirstOrDefault();
    if (!string.IsNullOrEmpty(rangeHeader) && rangeHeader.StartsWith("bytes="))
    {
        var range = rangeHeader.Substring(6).Split('-');
        if (long.TryParse(range[0], out long parsedStart))
        {
            start = parsedStart;
        }
        if (range.Length > 1 && long.TryParse(range[1], out long parsedEnd))
        {
            end = parsedEnd;
        }
        end = Math.Min(end, fileLength - 1);
        Response.StatusCode = StatusCodes.Status206PartialContent;
        Response.Headers["Content-Range"] = $"bytes {start}-{end}/{fileLength}";
    }

    long contentLength = end - start + 1;
    Response.Headers["Accept-Ranges"] = "bytes";
    Response.Headers["Content-Length"] = contentLength.ToString();

    // 下载指定范围的Blob内容返回
    var blobStream = await blockBlob.OpenReadAsync(start, contentLength);
    return new FileStreamResult(blobStream, contentType);
}

额外注意事项 #

• 确保你的Blob存储中视频文件的ContentType已经正确设置，避免浏览器无法识别格式
• 如果接口存在跨域调用的情况，需要在CORS配置中允许暴露Content-Range、Content-Length头，否则跨域场景下视频快进功能依然会失效

内容的提问来源于stack exchange，提问作者Daniel Björk