如何解决是否可以将视频添加到图像数组中?
我有一个“ Hero Image” div,其中包含一个图像数组,这些图像是在加载时随机选择的。我想知道,是否可以将视频文件添加到此数组并将其作为随机选择之一的选项? 如果这不可能,那么有人知道如何实现吗?
我是JS的新手,所以非常感谢任何建议或信息!
这是我的JS:
var random_images_array = ['light.jpg','dark.jpg','photo.jpg']; //the video file is not in the array yet!
function getRandomImage(imgAr,path) {
path = path || 'images/'; // default path here
var num = Math.floor( Math.random() * imgAr.length );
var img = imgAr[ num ];
var imgStr = '<img src="' + path + img + '" alt = "">';
document.write(imgStr); document.close();
}
这是我的html:
<body>
<div id="heroImage">
<source>
<script type="text/javascript">getRandomImage(random_images_array,'images/')</script>
</source>
</div>
<div class="uk-h3">Captured moments</div>
<div class="uk-child-width-1-3@m" uk-grid uk-lightbox="animation: fade">
<div>
<a class="uk-inline" href="images/photo.jpg" >
<img src="images/photo.jpg" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="images/dark.jpg" >
<img src="images/dark.jpg" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="images/light.jpg" data-caption="Caption 3">
<img src="images/light.jpg" alt="">
</a>
</div>
</div>
</body>
对此我感到困惑,因为在html视频中需要自己的标签。我虽然想尝试在内联脚本标签周围添加视频标签,以便使页面读取数组中包含的视频?像这样:
<div id="heroImage">
<video>
<script type="text/javascript">getRandomImage(random_images_array,'images/')</script>
</video>
</div>
但这可能是完全错误的方法!
我还是一个新手,我只是在学习,所以对此有任何帮助或信息将不胜感激!谢谢!!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。