前期准备

  • 电脑:mac和win都可以(案例以win系统为例,mac类似)。
  • 软件:Axure 8 系列。
  • 熟练程度:中级(元件使用,函数调用)。
  • 相关使用元件:矩形、文本、SVG(形状)图标、动态面板、图片、中继器内联框架
  • 注意事项:
    • 视频、预览图都可以在动态面板中替换(视频要提前托管七牛云(对象云存储))。
    • 此案例仅适合与本地源文件预览,不适合托管地方三方平台预览(视频加载原因-初步定为https解析问题,尝试配置https解析实现托管播放)。

      原型元件组成展示

image.png

演示动图

小视频.gif

正文(制作过程)

原型文件(加载已处理)

模拟短视频-PMYX出品.rp

总结

通过内联框架去获取视频,鼠标的移入移除控制视频遮盖的显示。