Uni-app video组件微信浏览器无法显示时长解决方案

\u5728\u5fae\u4fe1\u6d4f\u89c8\u5668\u4e2d\uff0cUni-app\u4e2d\u7684video\u7ec4\u4ef6\u65e0\u6cd5\u663e\u793a\u89c6\u9891\u65f6\u957f\u662f\u56e0\u4e3a\u5fae\u4fe1\u6d4f\u89c8\u5668\u5bf9video\u7ec4\u4ef6\u7684\u652f\u6301\u4e0d\u5b8c\u5584\u3002\u4f60\u53ef\u4ee5\u5c1d\u8bd5\u4ee5\u4e0b\u89e3\u51b3\u65b9\u6cd5\uff1a\n\n1\u3002\u4f7f\u7528video\u7ec4\u4ef6\u7684onloadedmetadata\u4e8b\u4ef6\u83b7\u53d6\u89c6\u9891\u7684\u65f6\u957f\uff0c\u7136\u540e\u624b\u52a8\u663e\u793a\u5728\u9875\u9762\u4e0a\u3002\n\nhtml\n<video src="your_video_source" @loadedmetadata="getDuration"></video>\n\n\njavascript\nmethods: {\n getDuration(event) {\n console.log(event.target.duration); // \u83b7\u53d6\u89c6\u9891\u65f6\u957f\n // \u5c06\u89c6\u9891\u65f6\u957f\u663e\u793a\u5728\u9875\u9762\u4e0a\n }\n}\n\n\n2\u3002\u4f7f\u7528\u5fae\u4fe1\u6d4f\u89c8\u5668\u63d0\u4f9b\u7684JS-SDK\uff0c\u901a\u8fc7\u63a5\u53e3wx.getVideoInfo\u83b7\u53d6\u89c6\u9891\u7684\u65f6\u957f\uff0c\u7136\u540e\u624b\u52a8\u663e\u793a\u5728\u9875\u9762\u4e0a\u3002\n\njavascript\nwx.getVideoInfo({\n src: 'your_video_source',\n success: function(res) {\n console.log(res.duration); // \u83b7\u53d6\u89c6\u9891\u65f6\u957f\n // \u5c06\u89c6\u9891\u65f6\u957f\u663e\u793a\u5728\u9875\u9762\u4e0a\n }\n});\n\n\n3\u3002\u5c06\u89c6\u9891\u65f6\u957f\u9884\u5148\u83b7\u53d6\u5e76\u4fdd\u5b58\u5728\u540e\u7aef\uff0c\u7136\u540e\u5728\u9875\u9762\u4e2d\u901a\u8fc7\u63a5\u53e3\u83b7\u53d6\u65f6\u957f\u5e76\u663e\u793a\u3002\n\n\u4ee5\u4e0a\u662f\u4e00\u4e9b\u53ef\u80fd\u7684\u89e3\u51b3\u65b9\u6cd5\uff0c\u5177\u4f53\u9009\u62e9\u54ea\u79cd\u65b9\u6cd5\u4f9d\u8d56\u4e8e\u4f60\u7684\u9700\u6c42\u548c\u6280\u672f\u5b9e\u73b0\u3002