HTML5ビデオタグの自動再生処理方法

インターネット上には解決策がたくさんありますが、どれも問題を根本的に解決できないため、自分で試してみました。

ビデオタグ属性

• src: 表示ビデオパスを設定します
• コントロール: コントロール バーを表示します
• ループ: ビデオのループ再生を制御します。
• 自動再生: 自動再生
• ミュート: 再生のミュートを設定します

ビデオプロパティ：ミュートされた自動再生ループ

プラットフォーム/ブラウザには、safari uc WeChat QQ firefox chrome Baidu 360 IE Edge
ios ✔ ✔ ✘ ✘ ✘ ✔ ✔ ✔ ✔ ✔ ∅ ∅
pc ∅ ✔ ∅ ✔ ✔ ✔ ✔ ✔ ✔ ✔
android ∅ ✔ ✘ ✔ ✘ ✔ ✔ ∅ ∅
Huawei ✔ ∅ ✔ ✘ ✔ ✘ ✔ ✔ ∅ ∅
Xiaomi ✔ ∅ ✘ ✘ ∅ ∅
vivo/oppo ∅ ✘ ∅ ∅
 

<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
autoplay:'true',
loop:'true',
width: '600',
height: 0,
vid: '88083abbf5f16507525894e5a997aeb2_8',
});
</script>