!DOCTYPE htmlhtml head meta charset=utf-8 name=viewport content=width=device-width initial-scale=1 maximum-scale=1 user-scalable=no titleWebCattitle head body img src= id=hop script var fil
在你的代码中,你尝试使用FileReader来读取一个视频文件,并将其转换为数据URL,然后将其赋值给<img>标签的src属性。然而,FileReader只能用于读取文本或二进制文件,无法读取视频文件。
要显示视频,你可以使用<video>标签而不是<img>标签,并将视频文件的URL直接赋值给<video>标签的src属性。
以下是修改后的代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>WebCat</title>
</head>
<body>
<video src="https://jsmov2.a.yximgs.com/upic/2023/07/29/17/BMjAyMzA3MjkxNzU0MTdfMjQ1NDk3NDA1Nl8xMDkxNzcxMjk0MTFfMV8z_b_B3adfcd43dabb9327cb0ca934ff913dff.mp4?clientCacheKey=3xpdu6kjeytyzby_b.mp4&tt=b&di=2ac037b5&bp=10000" autoplay controls></video>
</body>
</html>
请注意,视频可能因为网络问题或其他原因无法正常加载。确保视频文件的URL是正确的,并且可以在浏览器中正常播放
原文地址: http://www.cveoy.top/t/topic/iCr8 著作权归作者所有。请勿转载和采集!