动态赋值video.src后video宽高为0
时间: 2024-04-14 11:26:54 浏览: 110
你好!对于动态赋值video.src后video宽高为0的问题,可能有几个原因导致。以下是一些可能的解决方案:
1. 确保视频文件存在并正确加载:首先,确保你的视频文件路径是正确的,并且该文件存在于指定的位置。另外,确保你在给video.src赋值之前,已经成功加载了视频文件。
2. 等待视频加载完成:当你给video.src赋值后,视频可能需要一些时间来加载。你可以通过监听video元素的loadedmetadata事件,在视频元数据加载完成后获取视频的宽高信息。例如:
```javascript
const video = document.getElementById('yourVideoElementId');
video.addEventListener('loadedmetadata', function() {
console.log("视频宽度:" + video.videoWidth);
console.log("视频高度:" + video.videoHeight);
});
```
3. 设置视频自动播放:有时候,浏览器可能会禁止自动播放视频,这可能导致视频宽高为0。你可以尝试在给video.src赋值后,调用video.play()方法来自动播放视频。
```javascript
const video = document.getElementById('yourVideoElementId');
video.src = 'yourVideoPath.mp4';
video.play();
```
4. 检查CSS样式:确保没有CSS样式设置了视频元素的宽高为0。你可以通过检查相关CSS样式表或者使用开发者工具来查看是否存在这样的设置。
希望这些解决方案能够帮助到你!如果还有其他问题,请随时提问。
阅读全文