HTML/CSS将视频添加到滑块
HTML/CSS将视频添加到滑块
提问于 2015-03-18 20:30:57
我正在我的网站主页上使用flexslider，目前在它里面有图像，这是很好的。但我想添加一个我创建的视频，它可以自动播放，然后恢复滑块的动作。我想我的问题出在格式上，因为我在HTML或CSS等方面一点都不熟练。
<div class="flexslider">
<ul class="slides">
<li class="slideVideo"></li>
<li class="slide1"><a href="/portfolioMAIN.html#tabs-2"></a></li>
<li class="slide2"><a href="/portfolioMAIN.html#tabs-1"></a></li>
<li class="slide3"><a href="/portfolioMAIN.html#tabs-3"></a></li>
</ul>
</div>这是CSS中的代码。
ul.slides li { height:350px; }
ul.slides li.slide1 a { background:url("/images/doorstop_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
ul.slides li.slide2 a { background:url("/images/brisant_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
ul.slides li.slide3 a { background:url("/images/eurosecure_carousel.png") 0 0 no-repeat; background-size:cover; height:350px; display:block; }
ul.slides li.slideVideo a { background:url("/videos/ident.mp4") 0 0 no-repeat; background-size:cover; height:350px; display:block; }任何帮助都是非常感谢的。PS视频被上传到我的服务器
回答 1
Stack Overflow用户
发布于 2015-03-18 20:36:57
列表项中的User HTML5 <video>标签。
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video> 检查此链接http://www.w3schools.com/html/html5_video.asp
我觉得你应该看看这个很酷的演示。
http://www.menucool.com/slider/play-html5-video-or-audio-in-slider
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29122126
复制相关文章
相似问题