video 里 poster 的图片
发布于 5 年前 作者 xiuyingmo 7201 次浏览 来自 问答

  1. video 的 poster 图片大小不能自动适应

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

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

8 回复

wechatide://minicode/FGAN4hmV6JZb

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

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

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

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

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

是否需要cover-image?

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

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

 

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

  1. 开发工具上第一个视频是没有预览图片的,第二个有

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

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

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

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>

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

回到顶部