HarmonyOS 鸿蒙Next：web加载h5页面发现加载不出来

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next：web加载h5页面发现加载不出来

index.html

<!DOCTYPE html>
<html>
<body>
<video controls src="视频播放地址"></video>
<video controls src="视频播放地址"></video>
</body>
</html>

把这个h5 文件放到一个服务器上，webview 通过url 加载，第一个视频不能播放，第二个可以播放。

Harmonyos Next教程
2 回复 
// index.html
<!DOCTYPE html>
<html>
<body>
<video
        controls
        src="视频播放地址"
>
</video>
<video
        controls
        src="视频播放地址"
>
</video>
</body>
</html>

//index.ets

import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      // 通过$rawfile加载本地资源文件。
      Web({'链接地址}), controller: this.controller }
    }
  }
}
网络权限 
   'requestPermissions': [
      {
        'name': 'ohos.permission.INTERNET'
      }
    ],

更多关于HarmonyOS 鸿蒙Next：web加载h5页面发现加载不出来的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对HarmonyOS鸿蒙Next系统中web加载H5页面发现加载不出来的问题，可能的原因及解决方法如下：

  1. 网络问题：

    • 确认设备是否已连接到互联网，且网络信号稳定。
    • 检查是否存在防火墙或网络代理设置阻止页面加载。

  2. URL错误：

    • 确认输入的H5页面URL是否正确无误，包括协议（http或https）、域名和路径。

  3. 页面兼容性问题：

    • 检查H5页面是否兼容鸿蒙系统的WebView组件。部分页面可能使用了特定于其他浏览器的技术或API，导致在鸿蒙系统上无法正确渲染。

  4. 系统权限：

    • 确认应用是否已获取访问网络的权限。在鸿蒙系统中，应用需要明确的网络访问权限才能加载外部页面。

  5. WebView配置：

    • 如果是开发者，检查WebView的配置是否正确，包括是否启用了JavaScript等。

  6. 系统更新：

    • 确认鸿蒙系统是否为最新版本，有时系统更新会修复WebView相关的bug。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部