要使代码可以正常播放视频,需要对以下部分进行修改:

  1. <li>标签中添加<video>标签来播放视频。可以设置视频的src属性来指定视频文件的路径。
<li v-for="i in count" :key="i" class="list-item">
    <video :src="'video_path' + i" controls></video>
</li>
  1. <video>标签中添加controls属性,以显示视频播放器的控制条。

  2. <style>标签中设置.list-item的样式,使视频占据合适的大小。

.infinite-list-wrapper .list-item {
    float: left;
    margin-bottom: 10px;
    width: 30%;
    height: 250px;
    line-height: 250px;
    background: #333;
    color: var(--el-color-danger);
    object-fit: contain;
}

请注意,视频文件的路径需要根据实际情况进行设置,例如将'video_path'替换为视频文件的实际路径。另外,还可以根据需要对视频播放器的样式进行进一步的调整

让以下代码可以正常播放视频script setupimport computed ref from vueconst count = ref9const loading = reffalseconst noMore = computed = countvalue = 1000const disabled = computed = loadingvalue noMorevalueconst l

原文地址: https://www.cveoy.top/t/topic/hY9I 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录