uni-app视频播放及下载功能

最新推荐文章于 2024-07-22 11:24:07 发布

草莓冻冻

最新推荐文章于 2024-07-22 11:24:07 发布

阅读量7.2k

点赞数 2

分类专栏： vue学习文章标签：小程序 vue

本文链接：https://blog.csdn.net/tyoubinn/article/details/109099739

版权

本文介绍如何在uni-app中实现视频列表展示，并详细讲解视频播放和下载功能的实现，包括具体步骤和关键代码，结合实际效果展示，帮助开发者掌握uni-app在小程序中的多媒体处理能力。

摘要由CSDN通过智能技术生成

视频列表页

<template>
  <view class="video_main">
    <view
      class="video_item"
      v-for="item in list"
      :key="item.id"
      @click="handleGoVideo(item)"
    >
      <image
        mode="widthFix"
        :src="item.img"
      ></image>
    </view>
  </view>
</template>
<script>
export default {
    
  data () {
    
    return {
    
      list: []
    }
  },
  methods: {
    
	// ... 获取视频列表数据内容省略
    handleGoVideo (item) {
     // 图片点击事件
      // 1. 保存到全局共享中 getApp().globalData
      getApp().globalData.video = item
      uni.navigateTo({
    
        url: '/pages/videoPlay/index'
      })
    }
  }
}
</script>