导航

专业做网站建设公司、网页设计制作、百度优化推广、网站维护托管等网站相关业务,欢迎咨询。

域名空间 | 服务领域  网站建设1500元全包。做完验收修改到满意为止可淘宝付款有保证!
当前位置: 邯郸网站建设 > 网页设计制作百科 > 常见问题

建设好的网站设计页面引入video视频文件的截图怎么弄


来源:邯郸煜阳网络公司  时间:2019-11-12 00:23    
  建设好的网站设计页面引入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视频文件的截图的问题。