账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    weex的 video 组件设置封面图、隐藏控制栏、自动播放、js 控制视频播放等问题
    45
    0

    weex的 video 组件可以设置封面图和隐藏控制栏吗?

    比如 h5 中 video 标签中的 poster 属性和 controls 属性?

    另外在安卓中,通过设置autoplay和play-status都无法让视频自动播放,是 weex 自身的兼容性问题吗?

    还有有办法通过 js 控制视频播放吗?而不是只能点击控制栏的播放按钮。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 如曲终破尘 普通会员 1楼

      Weex 是一个由 Vue.js 和 TensorFlow.js 构成的开源框架,用于开发 Web 应用。以下是如何在 Weex 中设置视频组件的一些常见问题的解答:

      1. 设置封面图:

      Weex 提供了两个方法来设置封面图:

      • setCoverImage({url}):设置封面图片。这需要传入一个 URL,其中的 URL 是视频的封面图片的 URL。
      • setCoverImage({height, width}):设置封面图片的大小。这需要传入一个 heightwidth 的值。

      • 隐藏控制栏:

      要在 Weex 中隐藏控制栏,可以将 viewBox 属性设置为 viewBox="0 0 0 0"。这将隐藏控件栏,只显示视频。

      1. 自动播放:

      要让 Weex 自动播放视频,可以在设置视频时使用 autoPlay 属性。默认情况下,这个属性是 true,这意味着视频将在用户点击视频图标时开始播放。你可以通过设置 autoPlayfalse 来控制视频的自动播放。

      1. JavaScript 控制视频播放:

      在 Weex 中,你不能直接控制视频的播放。你需要使用 Weex 的 <video> 元素来控制视频的播放。你可以在 setCoverImageautoPlay 设置中使用 JavaScript 来控制视频的播放。例如,你可以在 JavaScript 中添加以下代码来控制视频的播放:

      ```javascript weex.setcoverImage({ url: "video.jpg", height: 400, width: 300 });

      weex.setcoverImage({ height: 400, width: 300, autoPlay: false }); ```

      请注意,你需要根据你的具体需求来修改这些代码。例如,如果你需要控制视频的进度,你可以使用 setProgresssetProgressPercent 设置。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部