如何获取video标签src属性内的原始字符串而非绝对路径

这是个很常见的浏览器DOM行为问题！直接访问元素的src属性时，浏览器会自动把相对路径解析成完整的绝对URL，所以你拿到的是拼接后的地址。要获取HTML里写的原始字符串，你需要用getAttribute()方法：

document.getElementById('video-upload-preview').getAttribute('src')

这个方法会直接读取标签上src属性的原始内容，不会做任何URL解析，所以返回的就是你想要的'/admin/session/trimed/trimmed.mp4'。

顺带提一句，这种情况不止出现在video标签上，像img的src、a标签的href这类URL相关的属性，直接访问都会被浏览器解析成绝对路径，用getAttribute()就能拿到原始的相对路径或者字符串啦。

内容的提问来源于stack exchange，提问作者Sara Ree