video视频在微信不能自动播放,有什么解决方案可以在微信自动播放吗。
<video width="400" height="400" controls="controls" autoplay="autoplay" muted preload>
<source src="//video.699pic.com/videos/11/50/61/b_q0bKBAgv6XAj1648115061.mp4" type="video/mp4" />
</video>
微信和浏览器受到同源策略限制,如果这个视频链接目标是它人网站,那么你无法直接链接播放。如果是自己网站,你可以后台修改同源策略允许跨域访问播放。
公众号开发吗? 公众号开发要去微信公众号管理后台设置 业务域名
无法真正意义上的自动播放
微信浏览器里,所有的视频都必须由用户触发播放
ios可以通过WeixinJSBridgeReady来自动播放
安卓得由addEventListener(‘touchstart‘,()=>{})触摸行为来接近自动
只允许无声播放 可以音量为0然后播放 再把音量加上去 就实现了 有帮助到你 望采纳
这个问题解决方案是,换成真机就可以正常播放了。如果要调试效果,可以先切在线播放url。官方有明文标识,autoplay只有安卓部分浏览器内核可以实现,IOS需要手动触发播放。
autoplay应该是 true false,可以修改下试试
微信官网:
Demo:
<div class="container">
<!-- For iOS -->
<video src="https://static.shikehuyu.com/vincent/wx-video-demo/movie.mp4"
playsinline webkit-playsinline loop>
</video>
<!-- For Android -->
<canvas></canvas>
<!-- 示例弹幕 -->
<div class="danmu">示例弹幕,表示你可以放任意UI在视频上面</div>
</div>
<style>
video {
width: 80vw;
height: 80vw;
object-fit: contain;
object-position: center;
display: none;
}
canvas {
display: none;
}
</style>
function initVideo() {
var isAndroid = window.navigator.userAgent.match(/android/ig)
if (isAndroid) { // 安卓
var src = "https://static.shikehuyu.com/vincent/wx-video-demo/movie.ts"
player = new JSMpeg.Player(src, {
canvas: canvas,
autoplay: true,
progressive: false,
loop: true,
onVideoDecode: function() {
canvas.style.display = 'block'
canvas.style.height = 80 / (canvas.width / canvas.height) + "vw"
}
})
} else { // iOS
player = video
video.style.display = 'block'
}
}
window.onload = function() {
initVideo()
// 自动播放
document.addEventListener('WeixinJSBridgeReady', () => {
player.play()
})
}
以前的一个Demo,不确定是否还能用,你可以简单看下
参考链接:
微信h5踩坑日记:video无法自动播放
https://blog.csdn.net/TooManyDdficulty/article/details/114871060