这个问题我之前在webOS开发时也碰到过！直接把用户名密码嵌在URL里的方式现在很多平台都因为安全限制不再支持了，webOS就是其中之一，再加上CORS和平台本身的媒体播放机制，确实容易踩坑。下面给你几个可行的解决方案：

1. 别再用URL嵌入凭证了，改用请求头传递 #

现代浏览器和智能电视平台（包括webOS）已经逐步禁用了https://username:password@domain这种URL格式，因为存在安全风险。正确的做法是通过Authorization请求头来传递Basic认证信息：

• 先把username:password用Base64编码（可以用btoa('your-username:your-password')在JS里生成）
• 然后在请求视频流和分片时，添加Authorization: Basic <base64-string>头

2. 配合HLS.js简化处理（推荐） #

原生<video>标签对带认证的HLS流支持有限，用HLS.js库可以更灵活地控制请求，还能兼容更多webOS版本。示例代码如下：

// 先引入HLS.js（可以通过npm安装或者本地引入）
const videoElement = document.getElementById('tv-video');

if (Hls.isSupported()) {
  const hls = new Hls({
    // 自定义请求配置，添加认证头
    fetchSetup: (context, config) => {
      const authToken = btoa('your-username:your-password');
      config.headers = {
        ...config.headers,
        'Authorization': `Basic ${authToken}`
      };
      // 确保携带凭证
      config.credentials = 'include';
      return config;
    }
  });

  hls.loadSource('https://domain.name/file.m3u8');
  hls.attachMedia(videoElement);

  hls.on(Hls.Events.MANIFEST_PARSED, () => {
    videoElement.play();
  });
}

3. 检查服务器CORS配置是否正确 #

即使你加了crossorigin="use-credentials"，服务器必须返回对应的CORS响应头才能让请求生效：

• Access-Control-Allow-Origin：不能是*，必须指定你的webOS应用的Origin（格式一般是app://your-app-id，可以在webOS开发者工具里查看）
• Access-Control-Allow-Credentials：必须设为true
• Access-Control-Allow-Headers：要包含Authorization，否则浏览器会拦截带这个头的请求

4. 用webOS原生媒体API兜底 #

如果上面的方法还是不行，可以试试webOS提供的原生媒体播放API，通过webOS.service.request调用系统媒体服务，直接传递认证信息：

webOS.service.request("luna://com.webos.media", {
  method: "create",
  parameters: {
    uri: "https://domain.name/file.m3u8",
    httpHeaders: {
      "Authorization": "Basic " + btoa('your-username:your-password')
    }
  },
  onSuccess: (response) => {
    // 播放成功后的处理，比如绑定到video元素
    const mediaId = response.mediaId;
    document.getElementById('tv-video').setAttribute('mediaId', mediaId);
  },
  onFailure: (error) => {
    console.error('播放失败:', error);
  }
});

最后别忘了检查应用权限 #

在你的appinfo.json里，一定要添加网络权限，否则webOS应用连不上外部服务器：

{
  "permissions": [
    { "name": "public/internet", "access": "create" }
  ]
}

按照这个流程调整后，应该就能正常播放带Basic认证的HLS流了。

内容的提问来源于stack exchange，提问作者Sergey Kolontaevsky