問題描述

原因：

公司做課程直播，也就是直播講課，但是只有音頻直播沒有視頻。

需求：

在微信端上能自動播放直播流(m3u8)，隱藏播放器（因為要看互動聊天信息）。

問題：

如果用`<video>`標簽來拉流的話，是可以播放的，基本上都能播放，但是**不能自動播放**，而且**會全屏**如果用`<audio>`標簽只能兼容部分android版本手機，基本試了市面上的大部分播放器，基本也是這兩個問題：會全屏，不能自動播放，但是其他公司就能達到我們想要的效果，比如：蜻蜓什么的fm平臺，就想問問有沒有大神給支個招，怎么解決這個問題啊？

目前解決辦法：

判斷已知機型來決定用video還是用audio，但這不是解決辦法啊！求指教

問題解答

video好像只在微信里是全屏的，你需要在video標簽里面加個內聯元素來阻止全屏 好像是這樣：

<video src='http://www.leifengta.com.cn/wenda/3035.html' webkit-playsinline playsinline></video>

至于自動播放的話，你需要寫個兼容，區分在微信和在瀏覽器打開的情況，微信你需要調用他們的jssdk接口，沒必要填參數，只要加上一句：

wx.config({ debug: false, appId: ’’, timestamp:1, nonceStr: ’’, signature: ’’, jsApiList: []});wx.ready(function(){ video.play();});

好像這樣應該就可以了