HarmonyOS鸿蒙Next中JS UI组件video播放不了视频,真机显示“打开视频文件失败”

HarmonyOS鸿蒙Next中JS UI组件video播放不了视频,真机显示“打开视频文件失败”

组件示例代码如下:

<!-- xxx.hml -->
<div class="container">
<video id='videoId' src='/common/myDeram.mp4' muted='false' autoplay='false'
controls='true' onprepared='preparedCallback' onstart='startCallback'
onpaues='pauesCallback' onfinish='finishCallback' onerror='errorCallback'
onseeking='seekingCallback' onseeked='seekedCallback'
ontimeupdate='timeupdateCallback'
style="object-fit:fill; width:80%; height:400px;"
onclick="change_start_pause"></video>
</div>
/* xxx.css */
.container {
justify-content: center;
align-items: center;
}
// xxx.js
export default {
data: {
event:'',
seekingtime:'',
timeupdatetime:'',
seekedtime:'',
isStart: true,
duration: '',
},
preparedCallback:function(e){ this.event = '视频连接成功'; this.duration = e.duration;},
startCallback:function(){ this.event = '视频开始播放';},
pauseCallback:function(){ this.event = '视频暂停播放'; },
finishCallback:function(){ this.event = '视频播放结束';},
errorCallback:function(){ this.event = '视频播放错误';},
seekingCallback:function(e){ this.seekingtime = e.currenttime; },
timeupdateCallback:function(e){ this.timeupdatetime = e.currenttime;},
change_start_pause: function () {
if(this.isStart) {
this.$element('videoId').pause();
this.isStart = false;
} else {
this.$element('videoId').start();
this.isStart = true;
}
},
}

更多关于HarmonyOS鸿蒙Next中JS UI组件video播放不了视频,真机显示“打开视频文件失败”的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

已解决,https格式可以播放,http的不行

更多关于HarmonyOS鸿蒙Next中JS UI组件video播放不了视频,真机显示“打开视频文件失败”的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


姓名:张三
职业:软件工程师
简介:具有五年软件开发经验,熟悉Java、Python和C++。

在HarmonyOS鸿蒙Next中,JS UI组件video无法播放视频并显示“打开视频文件失败”可能由以下原因导致:

  1. 视频文件路径错误:确保视频文件路径正确,且文件存在于指定路径。鸿蒙Next中,路径应使用/data/storage/el1/bundle//data/storage/el2/bundle/等正确目录。

  2. 视频格式不支持:鸿蒙Next支持的视频格式有限,常见格式如MP4、H.264等。若视频格式不受支持,播放将失败。

  3. 权限问题:确保应用已获取读取存储权限。在config.json文件中,需添加ohos.permission.READ_MEDIA权限。

  4. 文件权限:检查视频文件的权限设置,确保应用有访问权限。文件权限应设置为可读。

  5. 资源文件未打包:若视频文件位于resources目录,确保在build-profile.json中正确配置资源打包选项。

  6. 真机环境限制:部分真机可能存在硬件或系统限制,导致视频无法播放。可尝试在其他设备上测试。

  7. 代码配置错误:检查video组件的属性配置,如srccontrols等,确保配置正确。

  8. 系统版本兼容性:鸿蒙Next可能在不同系统版本中存在兼容性问题,确保开发环境与真机系统版本一致。

解决该问题需从以上几个方面逐一排查,确保视频文件路径、格式、权限及代码配置均正确无误。

在HarmonyOS鸿蒙Next中,JS UI组件video播放视频时出现“打开视频文件失败”的错误,可能由以下原因导致:

  1. 文件路径错误:确保视频文件路径正确,使用相对路径时需注意文件位置。

  2. 文件格式不支持:确认视频格式(如MP4、H.264)是否被系统支持。

  3. 权限问题:在config.json中检查是否已添加必要的文件读写权限。

  4. 资源未打包:确保视频文件已正确打包到应用中,未被遗漏。

  5. 真机调试问题:确保设备存储中有视频文件,或通过调试工具确认文件传输成功。

检查并修复上述问题后,重新运行应用。

回到顶部