有你会更精彩

AXURE制作VIP解析视频播放器

源码 2018-12-24 浏览(123) 评论(0)
- N +

文章目录 [+]

想不想拥有属于自己的VIP解析网站呢
再也不怕解析接口失效不能播放,还求着别人去更新
所用工具:AXURE 8.0
请移步请转:AXURE 8.0 注册版
一:首先新建一个空白版(图中多余的删掉)


二:在面板新建一个【矩形】内容填充"灰色”,坐标设置为0,宽360高600(手机分辨率),如果只是在电脑端访问,分辨率可设置宽一点


三:制作标题
添加矩形,填充颜色,输入标题文字,修改边框可见为“”底部可见“


修改边框为底部可见



四:添加“内联框”设置播放区域,视窗大小和背景宽度设置一样360,高度随意


设置内联框属性如下图


五:添加接口选择框,命名为接口选择


双击选项框,添加选择列表,想添加几个接口,在这里添加几个选项


六:添加文本框,命名为“播放地址”


七:添加“主要按钮”,命名为播放


最关键的在这里:
选中播放,点击添加“用例”


设置VIP接口1的解析网站



插入一个局部变量,LVAR1=播放地址
在变量框内输入接口地址,然后点击“插入”LVAR1
选择VIP接口1时,点击播放按钮,内联框打开https://www.cmys.tv/?url=加上视频地址播放



以上是VIP接口1添加解析地址的步骤,添加VIP接口2/3/4/5按以上添加步骤重复执行

八:添加“主要按钮”命名为【清除】


添加用例,设置文本(播放地址)为空值



简单的播放器制作完成,按F1可以预览,生成HTML上传至空间目录下


手机和电脑的页面不一样

原型下载链接: https://pan.baidu.com/s/1soEikokhkszd3thIrLU9_Q 
觉得有用就点个赞吧


标签:
评论列表 (0)条评论

发表评论

天气预报查看日历分享网页QQ客服手机扫描
[复制本页网址]
艜朿リ甾鬆鼠乀*