我正在我的网站主页上使用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视频被上传到我的服务器
发布于 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
https://stackoverflow.com/questions/29122126
复制相似问题