video标签无法播放视频

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaoermingn/article/details/80893019

现象:使用video播放视频,在ios上能播放,但是在浏览器和安卓上不能播放

前置条件:

1.network没有该视频的下载
2.通过在媒体元素中添加<source>元素而不是设置src属性,且source元素的src属性通过js赋值(最重要的原因)


原因:

通过<source>元素指定媒体源,媒体元素无法知道是否已经将一系列元素都添加完毕了,因此它不会开始选择并加载<source>元素制定的媒体源文件,除非使用load显式加载
(ios内置浏览器可以,可能处理机制不一样)


解决:

在对video赋值后,重新触发video标签的播放事件
这里写图片描述

猜你喜欢

转载自blog.csdn.net/xiaoermingn/article/details/80893019