除了hello uniapp里面自带的url地址，其他随便改一个地址都是报DOMException: The element has no supported sources.；
H5、app端都是如此（其他地址是能正常播放的）
w***@163.com
- 发布：2020-08-08 17:09
- 更新：2024-02-06 18:44
- 阅读：33997
原因是：官方暂没修复这个问题，内置的浏览器不能打开MP4。用真机测试即可。
详细说明：（”注意“部分要看完每个字）
https://uniapp.dcloud.io/component/video.html
简单的uniapp播放mp4实现步骤：
- 准备好真机进行测试
- /manifest.json的app-plus部分增加"runmode": "liberate",
- /pages/index/index.vue中代码：
<template>
<view>
<view style="width: 100%;" :style="{'height': fullHeight}">
<video id="myVideo" src="/static/video/xxx.mp4" :autoplay="true" :loop="true" :muted="true" style="width: 100%; height: 100%;"></video>
</view>
</view>
</template>
<script>
export default {
data() {
return {
fullHeight: uni.getSystemInfoSync().windowHeight + 'px'
}
},
methods: {
videoErrorCallback(e){
console.log(e)
}
}
}
</script>
<style>
.container {
padding: 20px;
font-size: 14px;
line-height: 24px;
/ height: var(--status-bar-height); /
}
</style>
------ PS----
推荐没广告的百度首页：https://baidu.rudon.cn/ 百度绿色版
目前貌似还没修复这个问题，在HbuilderX上面还是会出现The element has no supported sources.的问题，通过延时加载，因为需求是H5里面的视频列表，然后延时加载，会导致页面太卡吧。
Miaoaa - js，node，python
2023.06.08，uniapp（h5,app）还是会报chunk-vendors.js:15587 Uncaught (in promise) DOMException: The element has no supported sources.
杨阳洋哎
兄弟牛逼 昨天卡了半天 一直在找解决问题 三克油 我是 首次会报这个错 之后就不会了
2021-07-17 10:45
MrWang668
我用的video标签呀 这个咋解决
2021-10-25 17:24
z***@rlingxm.com
同样想知道
2021-11-20 09:08