<script>
// 檢測環(huán)境的核心函數(shù)
function checkEnvironment() {
var ua = navigator.userAgent.toLowerCase();
// 1. 檢測微信環(huán)境
var isWeChat = /micromessenger/.test(ua);
// 2. 檢測HBuilderX App環(huán)境（兩種常見檢測方式）
var isH5App = false;
// 方式1：檢測plus對象（HBuilderX App內(nèi)置對象）
if (typeof plus !== 'undefined') {
isH5App = true;
}
// 方式2：檢測自定義UA（如果打包時配置了自定義UA）
// 可替換為你打包時設(shè)置的專屬標識
if (ua.indexOf('your-app-custom-ua') > -1) {
isH5App = true;
}
// 返回是否為目標環(huán)境
return isWeChat || isH5App;
}
// 頁面加載完成后執(zhí)行檢測
window.on-load = function() {
var isAllowPlay = checkEnvironment();
var videoPlayer = document.getElementById('video-player');
var forbiddenTip = document.getElementById('forbidden-tip');
if (isAllowPlay) {
// 允許播放：顯示視頻，隱藏提示
videoPlayer.style.display = 'block';
forbiddenTip.style.display = 'none';
} else {
// 禁止播放：隱藏視頻，顯示提示
videoPlayer.style.display = 'none';
forbiddenTip.style.display = 'block';
}
}
</script> <div class="video-container">
<!-- 視頻容器，默認隱藏 -->
<div id="video-player" style="display: none;">
<!-- 替換為你的視頻地址 -->
<video controls>
<source src="你的視頻地址.mp4" type="video/mp4">
您的設(shè)備不支持視頻播放 </video>
</div>
<!-- 禁止播放提示 -->
<div id="forbidden-tip" class="forbidden-tip">
抱歉，僅支持在微信端或?qū)貯pp內(nèi)播放本視頻 </div>
</div>
參考下