微信环境下video标签不显示poster封面的问题

页面直接写了video元素像这样:

在浏览器看着封面显示正常,但是在ios的微信中打开,封面却不显示,完全是黑的。又看了下安卓的微信环境,没有问题,正常显示。

此时将代码实现方式改为:

这样,如果你的src是固定的,比如 src='http://...', 这样写的,那现在ios跟安卓应该都不会有问题了。如果你的src是动态获取到的,然后才绑定到 source 的src上,vue什么的双向绑定应该不会出问题,如果是纯js代码赋值,比如用jq的$("#video").attr('src',videoUrl);  这个时候就会出问题,如果 ‘video’ 这个id在source上,安卓的视频就播放不了了,如果在video标签上,ios的poster又显示不出来了。

  这时可以用,直接设置video内html的方式做(id在video标签上),

var videoUrl = '...'
let v = document.getElementById('video')
v.innerHTML=``

这样就解决了。

你可能感兴趣的:(JavaScript)