Axure设计原型如何如何插入视频

Axure设计原型如何如何插入视频

Axure很早就用了,但是一直没有系统的研究过,只是用了几个简单的功能,最近公司需求离职,只好自己动手,丰衣足食,学习的时候发现Axure还可以插入视频,于是就研究了一下,总结了三种插入视频的方法:
首相创建一个视频元素,拖一个inline Frame到页面上,properties里选video,看图:
Axure设计原型如何如何插入视频_第1张图片

  1. 第一种方法 直接链接网络视频
    双击Inline Frame,选择Link to an external url or file,把网络视频地址复制进去,发布,OK!
    Axure设计原型如何如何插入视频_第2张图片
    看效果:
    Axure设计原型如何如何插入视频_第3张图片
  2. 第二种方法 将视频转换为swf格式,具体怎么转换,自己找办法吧,格式工厂都可以,这个方法ie可以,谷歌不行
    双击Inline Frame,选择Link to an external url or file,把视频名称放进去,注意,不能写绝对路径,只能写相对路径,生成HTML文件夹后把swf视频放到发布的html文件夹里:
    Axure设计原型如何如何插入视频_第4张图片
    看效果:
    Axure设计原型如何如何插入视频_第5张图片
  3. 第三种方法 将视频放到html里,Axure嵌入html
    新建html
<html>    
<head>    
<style>html,body,div,video{margin:0;padding:0;}style>    
head>    
<body>    
    <video loop width="400" height="300" controls autoplay>
        <source src="C:\Users\test\Desktop\video.mp4">    
    video>    
body>
html>

双击Inline Frame,选择Link to an external url or file,把刚新建的html名称放进去,注意,不能写绝对路径,只能写相对路径,把html放到放到发布的文件夹里:
Axure设计原型如何如何插入视频_第6张图片
看效果:
Axure设计原型如何如何插入视频_第7张图片

你可能感兴趣的:(Axure)