微信端iphone 使用video标签播放不了视频

Source标签用于给媒体（因为audio标签同样可以包含此标签，所以这儿用媒体，而不是视频）指定多个可选择的（浏览器最终只能选一个）文件地址，且只能在媒体标签没有使用src属性时使用。

问题：微信端iphone使用video标签播放不了视频

分析问题：video标签的src=“播放地址”，在安卓，平板上都可以播放使用，在iphone个别手机上不能播放使用。

解决方案：

<video><source src="播放地址"></source>
</video>

发现在渲染数据的页面，还有一个问题，就是：DOM加载完成，数据才绑定上去，还是会导致播放不了。解决办法是：使用模板字符串，在页面加载完成的时候挂载到页面。v-html=”srcHtml”

<div class="video" style="backgroundImage:url(static/images/default-video.png)" v-html="srcTag">

this.data="后台数据";
this.$nextTick(()=>{this.srcTag='<video style="width:100%;height:100%"><source src="域名' +this.data.Video +'.mp4" type="video/mp4"></source>您的浏览器不支持此视频格式</video>'
})

页面加载的时候渲染就可以了。我所面对的问题就是这样解决的。
如果大家有更好的解决办法，请写在评论里。

微信端iphone 使用video标签播放不了视频相关推荐

video标签播放m3u8格式视频-------html页面
m3u8是苹果公司推出一种视频播放标准,是m3u的一种,不过编码方式是utf-8,是一种文件检索格式,将视频切割成一小段一小段的ts格式的视频文件,然后存在服务器中(现在为了减少I/o访问次数,一般 ...
Video 标签播放 m3u8 格式视频
在不借助流媒体播放器的前提下,直接播放 m3u8 格式的视频文件更多精彩更多技术博客,请移步 IT人才终生实训与职业进阶平台 - 实训在线写在前面的话为什么要播放 m3u8 格式的视频对于一 ...
IPhone微信H5用Video标签播放不了视频
H5用Video标签播放视频视频在安卓上可以正常播放,在苹果上却不能播放. 因为用了文件服务站点,而且不支持断点下载把文件服务改成支持断点下载即可断点下载参考(C#) 转载于:https://w ...
[HTML5] Video 标签播放及控制视频
Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg.mp4 .webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖. 0x0 预备知识 ...
html video标签播放直播视频,HTML5 Video 标签播放及控制视频
Video 是 HTML5 中新增的标签,使用 Video 标签可以播放 ogg.mp4.webm 等格式的视频,Video 标签的引入,减少前端页面对 Flash 动画的依赖. 0x0 预备知识不 ...
[Flask]解决Flask用video标签播放不了视频黑屏的问题
文章目录一.原因二.修改步骤总结一.原因播放不了的原因是视频文件没有按照Flask框架要求来进行存放,所以我们要将视频文件存储在static文件夹下才行. 二.修改步骤原先代码: < ...
H5播放HLS之video标签播放
视频推流为了产生HLS视频,我们可以借助srs来实现rtmp推流并生成HLS流,具体详细使用可以参考我之前的文章,这里不再赘述. 我们要实现web端播放传统的音视频,最重要的实现就是rtmp实时视频 ...
video标签android全屏,视频video标签在移动端微信中默认全屏播放的解决方案
最近后盾人移动端上线了,开发挺顺利,但也遇到几个小坑. 后盾人中的视频是用video视频标签引入的,当在微信中打开后盾人,播放视频的时候,视频默认会全屏播放. 安卓和ios下都存在此问题,解决方法如下 ...
ios html5 自动全屏播放,禁止iPhone Safari video标签视频自动全屏的办法
最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签). 如: 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看 ...

微信端iphone 使用video标签播放不了视频

问题：微信端iphone使用video标签播放不了视频

分析问题：video标签的src=“播放地址”，在安卓，平板上都可以播放使用，在iphone个别手机上不能播放使用。

解决方案：

微信端iphone 使用video标签播放不了视频相关推荐

最新文章

热门文章