小程序视频封面，切换播放并显示封面

1默认显示封面；

2一个视频播放的时候，其他视频停止播放，并显示封面。

1通过wx:if判断当前视频是否是播放的状态，如果是就显示视频，如果不是就隐藏视频；

2点击封面的时候，获取到该视频的id，进行判断，如果当前没有视频播放，就把该视频设置为播放的状态；如果当前有视频播放，则停止当前播放的视频，再播放你点击的这个视频。

<view class="video_body">

            <view wx:for="{{courseList}}" wx:for-item="course" class='course-pannle-item' wx:for-index="idx" wx:key="index">

                <view class='video-item'>

                    <video class="video" wx:if='{{idx==playIndex}}' id='video{{idx}}' autoplay='{{true}}' show-center-play-btn="{{false}}" src='{{coursevideoUrl}}' controls="true" objectFit="cover"></video>

                    <image class='video-cover video' wx:if='{{idx!=playIndex}}' mode='widthFix' src='{{coursecoverUrl}}'></image>

                    <image class='video-play-btn' wx:if='{{idx!=playIndex}}' mode='widthFix' data-index='{{idx}}' bindtap='videoPlay' src='/images/home/btnpng'></image>

                    <!-- <text wx:if='{{idx!=playIndex}}' class='video-duration fs-28'>

                            {{courseduration}}

                        </text> -->

                </view>

            </view>

        </view>

 data: {

    playIndex: null, //用于记录当前播放的视频的索引值

    courseList: [

      {

        videoUrl: '>

在input标签上添加blur事件，然后获取event上的数据。

js写法如下：

function test(ev){

var data = evtargetdatasetid

conslelog(data)

}

返回函数String，它包含以 Input 或 Binary 方式打开的文件中的字符。

返回 String，它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分：部分描述number必要。任何有效的数值表达式，指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。

Input 函数只用于以 Input 或 Binary 方式打开的文件。与 Input # 语句不同，Input 函数返回它所读出的所有字符，包括逗号、回车符、空白列、换行符、引号和前导空格等。对于 Binary 访问类型打开的文件，如果试图用 Input 函数读出整个文件，则会在 EOF 返回 True 时产生错误。在用 Input 读出二进制文件时，要用 LOF 和 Loc 函数代替 EOF 函数，而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说，number 指定的是要返回的字节个数，而不是要返回的字符个数。

CSDN博客名：ColorKin

尽量不要用缓存去写，四月份的时候写的那篇因为当时是新手，只会那么写

效果展示：点击编辑，进入编辑页

第一页编辑按钮：

 <view class="bj-btn" bindtap="redactGroup"  data-id="{{传递的id}}">编辑</view>

redactGroup方法：

 optionscurrentTargetdataset前面自定义的名字

 redactGroup(options){

    let id = optionscurrentTargetdatasetid; 

        wxnavigateTo({

          url: '/redact_group/redact_groupid='  + id

        })

  }

第二页的onLoad函数来接收传递过来的id，然后再次请求获得数据

onLoad: function (options) {

   consolelog("options-------",optionsid)

   let _id = optionsid

    this函数名(_id)   

  },

标签数据在data中定义， 因为还要点击高亮， 所以同时给个状态值

页面循环渲染出来

点击事件bindtap='select',

绑定class: class="{{itemisSelect'active':'select'}}", 点击的时候改变类名

自定义dataset :data-index="{{index}}"

样式效果

JS部份

到这儿, 高亮的就已经写好了 怎么取值呢 下面还有一个保存按钮 给保存按钮一个点击事件:

1定义一个空数据

2遍历上边的data里的selectall数组, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下标

看打印结果

以上就是关于小程序视频封面，切换播放并显示封面全部的内容，包括:小程序视频封面，切换播放并显示封面、浅谈原生小程序、微信小程序 怎么获取input的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！