建设好的网站设计页面引入video视频文件的截图怎么弄呢?前两天给客户编辑一个自适应的页面文件,客户要求建设好的网站设计页面引入video视频文件的截图,百度查到用
preload="images/shipin.png" 这种方式,采用video里的
preload属性,通过FTP上传后,用多款手机,多个浏览器进行测试,不行,底部空白,只有少量的浏览器支持这种方法的。
这怎么办呢,客户的站要做推广呢。视频放到第三方平台上然后引入到我们的网站设计页面中,会有广告,推广开户那里通过不了。没办法,客户再次提出来这个问题,并且发了个参考站,查看视频文件部分的代码发现他用的是 poster="http://cdn.yszltravel.com/skin/lvyousky/static/vod/002-22.jpg" 属性,完整代码如下:
<video id="chjkcffynrkhbdnguy" src="http://cdn.yszltravel.com/skin/lvyousky/static/vod/002-22.mp4" width="100%" height="100%" poster="http://cdn.yszltravel.com/skin/lvyousky/static/vod/002-22.jpg" preload="none" x5-playsinline="" playsinline="" webkit-playsinline="true" style="width: 100%; height: 100%; display: block; background-color: rgb(0, 0, 0);"></video>
这个修改完测试也不行,也出现不兼容的问题。
最后,我想着试试:style="background:(url);"的方法,还不错大部分的浏览器支持。至此,客户要求建设好的网站设计页面引入video视频文件的截图的问题基本解决吧,虽然还是有少量的浏览器出现的是黑屏,但至少解决了多数浏览器要求建设好的网站设计页面引入video视频文件的截图的问题。