收藏
回答

video 里 poster 的图片

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug video 微信iOS客户端 6.6.6 1.9.9
  1. video 的 poster 图片大小不能自动适应

  2. 预加载的图片开发工具上偶尔回显示,然后一会就消失了,但是手机上是可以的

  3. 能不能手动设置图片的尺寸?

最后一次编辑于  2018-05-09
回答关注问题邀请回答
收藏

8 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-09

    代码片段是一种可分享的小项目,可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题等等。分享代码片段会得到一个链接,所有拥有此分享链接的人可以在工具中导入此代码片段。如果网页可点击的链接指向的是分享链接,那么点击链接也会自动打开工具进入代码片段导入页。

     

    你上面提供的不是代码片段呢,请按照文档指引提供代码片段


    2018-05-09
    赞同
    回复 1
    • L
      L
      2018-05-15
      我已经换其他放上解决了
      2018-05-15
      回复
  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-09

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-05-09
    赞同
    回复
  • L
    L
    2018-05-10

    现在最新的情况是,安卓的不显示视频时长,后面视频的画面点击播放前是黑色的, IOS系统是有显示视频时长,但后面视频的画面点击播放前可以看到视频里的图片

    图片都可以展示出来,但是图片的尺寸我无法控制,有方法控制吗?

    2018-05-10
    赞同
    回复
  • L
    L
    2018-05-09

    这个是手机上的效果图,第二个视频,播放按钮都没有了,是不是第二种写法本来就是错的

    2018-05-09
    赞同
    回复
  • L
    L
    2018-05-09

    颜色好像是延续了我复制文字的颜色,这个问题忽略,就上面两个问题,

    是否需要cover-image?

    能不能简单实现图片的可控?

    2018-05-09
    赞同
    回复
  • L
    L
    2018-05-09
    1. 开发工具上第一个视频是没有预览图片的,第二个有

    2. 手机上第一个是有的,但是可以看到后面视频第一帧图片的内容,第二个视频因为写了 poster 和第一个视频一样的封面出来了,由于又写了 cover-image 导致又在上面出现一个图片,这个图片的尺寸也不怎么对,

    3. 第三我复制黏贴到这个评论的文字为什么会变颜色......


    2018-05-09
    赞同
    回复
  • L
    L
    2018-05-09

    wechatide://minicode/FGAN4hmV6JZb

    2018-05-09
    赞同
    回复
  • L
    L
    2018-05-09

    能不能自己控制图片的展示?有时候的图片并不能挡住后面的视频



    1.第一种写法:
    <video id="1" src="http://v16.flipagramcdn.com/5f7da19d99bd40d9b603c0d86c59b3c386699ced_1606857047_1523229505060.mp4" controls bindplay="bindplay" poster="http://7xk8ky.com1.z0.glb.clouddn.com/gr4r2e51mestkpi.jpg"> </video>

    开发工具上偶尔会显示图片,手机上一直有图片,但是图片的尺寸我该怎么修改


    2.第二种写法:

    <video id="1" src="http://v16.flipagramcdn.com/5f7da19d99bd40d9b603c0d86c59b3c386699ced_1606857047_1523229505060.mp4" controls bindplay="bindplay" poster="http://7xk8ky.com1.z0.glb.clouddn.com/gr4r2e51mestkpi.jpg">
    <cover-view>
        <cover-image src="http://7xk8ky.com1.z0.glb.clouddn.com/gr4r2e51mestkpi.jpg" />
    </cover-view>
    </video>

    开发工具和手机上都有问题

    2018-05-09
    赞同
    回复