這里我們先來描述一下問題，頁(yè)面中使用了video標(biāo)簽，按照video標(biāo)簽的官方介紹下圖介紹：

沒有設(shè)置poster的情況下在瀏覽器中我們可以看到視頻的第一幀，頁(yè)面效果如下圖左圖所示；但是嵌入App后，右面的樣子：

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?　

這個(gè)時(shí)候我能想到的就是設(shè)置一下 poster 為某張固定圖片，看看是不是poster 出了問題，我進(jìn)行了下面的設(shè)置，并且得到了下面的效果：

現(xiàn)在就發(fā)現(xiàn)了這是poster的問題，接下來展示視頻中的某一幀，我們可以參考阿里云文檔的視頻截幀(https://help.aliyun.com/document_detail/64555.html?spm=a2c4e.11153940.0.0.c1034696M91eGA)

按照文檔中的示例，我們對(duì)video標(biāo)簽進(jìn)行如下操作：

這樣我們就可以展示視屏中第50ms那一幀的畫面了，效果如下：

總結(jié)

以上是生活随笔為你收集整理的h5 video 手机 显示第一帧_解决h5嵌入app后video标签poster不能显示视频第一帧（表现为空白）...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。