本文主要是介绍Axure嵌入视频--javascript(js)注入vedio标签，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
前言
在做高保真原型的时间，很多情况下是需要视频调用和视频展示。通常情况下可以用内联框架调用HTML的页面实现视频的调用展现，但这样的话只有发布生HTML的时间才能看到效果。那有没有方法可以实现在Axure预览时实现调用？
方法是有的，由于Axure支持内行JS 可以通过jquery的方法实现视频播放。
编辑HTML文件
HTML有video标签，支持视频播放。先写个简单的带有video的HTML。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">*{margin:0;padding:0;}
</style>
</head><body>
<video width="520" height="350" controls autoplay='autoplay' loop='loop'>
<source src="https://zrx-1300915009.cos.ap-shanghai.myqcloud.com/zrx/signal.mp4" type="video/mp4" />
</video>
</body>
</html>
其中video标签的说明如下，可以自己调整相关的参数
Axure界面操作
要Axure拖入个矩形，复制HTML的代码到矩形框里，并设置矩形名称为video
设置事件，【载入时】打开链接，设置行内js。
链接如下：
javascript:$(document).ready(function(){$('[data-label=video]').each(function(){$(this).html($(this).find('p').text())})});
预览后的效果如下：
其他问题
1、如果是src=url链接，预览就可以播放。若是本地文件要发布才能预览；
2、如果是本地文件，视频路径最好不要带中文，不然会报错，本地文件的格式为“file:///D:/Downloads/xxx.mp4”；
3、如果是chrome设置的“autoplay”属性不能自动播放，可以增加muted=“muted”的方法解决
这篇关于Axure嵌入视频--javascript(js)注入vedio标签的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
