抖音小程序video组件视频播放代码,可以通过url值修改播放内容

1、ttml页面:

<view class="intro0">

<video class="VideoS"  src=" {{VideoUrl[1]}} "  autoplay="true" object-fit="contain" ></video> <!--  视频内容  -->

  <view class="TextM"> {{TextN1}} </view>   <!--  视频标题  -->

    </view>

2、js页面:视频地址自己修改一下

 data: {

    VideoUrl1: "http://xx.mp4", 

    TextN1:"视频标题",

  },

3、ttss页面: 设置视频大小,标题格式

.VideoS{

  margin-top: 10rpx;

    width: 100%;

    height: 1180rpx;

  }

  .intro {

      margin-top: 0rpx;

      width: 750rpx;

      text-align: center;

      font-size: 30rpx;

      color: #c41515;

    }

  .TextM{

    margin-top: 10rpx;

        width: 750rpx;

    text-align: center;

    font-size: 40rpx;

    color: #c41515;

  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值