微信小程序发布视频带封面图标题

迪迦不需要你的光

于 2021-12-24 13:19:33 发布

阅读量1.8k

点赞数

分类专栏：微信文章标签：微信小程序音视频小程序

本文链接：https://blog.csdn.net/yjdyyds/article/details/122125901

版权

本文介绍如何在微信小程序中发布视频，并详细阐述了设置封面图和标题的步骤，帮助开发者优化用户体验，提升内容质量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<view style="padding: 40rpx;">


  <view class="userflex">
    <view class="mylistname">视频标题:</view>
    <view class="userinp">
      <input class="weui-input" placeholder="请输入视频标题" value="{
  {name}}" bindinput="name" />
    </view>
  </view>
  <view class="shangtext">上传视频封面</view>
  <view class="shipin">
    <image  wx:if="{
  {lte}}"   bindtap="uploadimg" class="tiajiaimg" src="../../images/tiajial.png"></image>
    <image  wx:else class="tiajiaimgm"  src="{
  {source}}"></image>
  </view>

  <!-- <view class="userflexl">
  <view class="mylistname">自拍照:</view>
  <view style="margin: 0 auto; width: 100%;">
    <button class="imagess"  bindtap="uploadimg">请上传自拍照</button>
    <image class="imagess" wx:if="{
  {sourcell}}" src='{
  {sourcel}}' />
  </view>
</view> -->
  <view class="shangtext" style="margin-top: 50rpx;">上传视频封面</view>
  <view class="main">
    <view class="playerInfo">
      <view class="video" wx:if="{
  {clickFlag}}">
        <!-- <image class="videoContent" wx:if="{
  {poster}}" src="{
  {poster}}" mode="aspectFill" bindtap="chooseVideo"/> -->
        <view class="videoContent" bindtap="chooseVideo">
          <image class="tiajiaimg" src="../../images/tiajial.png" mode="aspectFill" />
        </view>
      </view>
      <view class="video" wx:else>
        <!-- <image class="videoContent" wx:if="{
  {poster}}" src="{
  {poster}}" mode="aspectFill"/> -->
        <view class="videoContent