电话
13363039260
建设好的网站设计页面引入video视频文件的截图怎么弄
2019-11-12 00:23 admin
建设好的网站设计页面引入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视频文件的截图的问题。
这怎么办呢，客户的站要做推广呢。视频放到第三方平台上然后引入到我们的网站设计页面中，会有广告，推广开户那里通过不了。没办法，客户再次提出来这个问题，并且发了个参考站，查看视频文件部分的代码发现他用的是 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视频文件的截图的问题。