易优CMS 制作的网站视频，如何实现，只允许在微信端和 HBuilderX 一键生成的 App 里面播放视频，其他浏览器都不支持播放视频，如何简单

易優CMS 制作的網站視頻，如何實現，只允許在微信端和 HBuilderX 一鍵生成的 App 里面播放視頻，其他瀏覽器都不支持播放視頻，如何簡單

易優CMS 制作的網站視頻，如(ru)(ru)何實(shi)現，只允(yun)許在(zai)微信(xin)端和 HBuilderX 一鍵(jian)生成的 App 里(li)面播(bo)(bo)放(fang)(fang)視頻，其他(ta)瀏覽器都不支持(chi)播(bo)(bo)放(fang)(fang)視頻，如(ru)(ru)何簡單(dan)

2025年12月05日 | 194人閱讀

好問題 0

舉報

回答 | 共 4 個

默(mo)認排序

eyou快速仿站-價格實惠

我覺(jue)得你if判斷下是(shi)不(bu)(bu)(bu)是(shi)微(wei)信是(shi)不(bu)(bu)(bu)是(shi)APP不(bu)(bu)(bu)就行了

2025年12月06日

eyou快速仿站-價格實惠

   <script>
        // 檢測環境的核心函數
        function checkEnvironment() {
            var ua = navigator.userAgent.toLowerCase();
            // 1. 檢測微信環境
            var isWeChat = /micromessenger/.test(ua);
            // 2. 檢測HBuilderX App環境（兩種常見檢測方式）
            var isH5App = false;
            // 方式1：檢測plus對象（HBuilderX App內置對象）
            if (typeof plus !== 'undefined') {
                isH5App = true;
            }
            // 方式2：檢測自定義UA（如果打包時配置了自定義UA）
            // 可替換為你打包時設置的專屬標識
            if (ua.indexOf('your-app-custom-ua') > -1) {
                isH5App = true;
            }
            // 返回是否為目標環境
            return isWeChat || isH5App;
        }

        // 頁面加載完成后執行檢測
        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">
                您的設備不支持視頻播放            </video>
        </div>
        <!-- 禁止播放提示 -->
        <div id="forbidden-tip" class="forbidden-tip">
            抱歉，僅支持在微信端或專屬App內播放本視頻        </div>
    </div>

參考下

2025年12月06日

341AF5AC | 2025年12月08日

回復

請問一下，如果說你幫忙調試一下如何收費？

341AF5AC

感謝分(fen)享，你給(gei)我代碼放入播放頁面(mian)代碼里面(mian)，還是不起(qi)作用，微信，瀏覽器，都(dou)可以正常(chang)播放

2025年12月06日

游客

二次元美女被捆绑用震蛋折磨,91人妻人妻在线精品,国产丝袜熟女一区二区在线,在线高清激情五月,日本在线视频www色,日韩欧洲亚洲AV无码精品,97人妻在线视频网,国产AV字幕无码一区,A片无码中文久久,黑人AA级毛片

產品

服務

幫助

關于

二次元美女被捆绑用震蛋折磨,91人妻人妻在线精品,国产丝袜熟女一区二区在线,在线高清激情五月,日本在线视频www色,日韩欧洲亚洲AV无码精品,97人妻在线视频网,国产AV字幕无码一区,A片无码中文久久,黑人AA级毛片

產品

服務

幫助

關于

二次元美女被捆绑用震蛋折磨,91人妻人妻在线精品,国产丝袜熟女一区二区在线,在线高清激情五月,日本在线视频www色,日韩欧洲亚洲AV无码精品,97人妻在线视频网,国产AV字幕无码一区,A片无码中文久久,黑人AA级毛片