我將視頻上傳后，PC端能正常自動播放，但是移動端卻無法正常自動播放，點擊播放按鈕卻沒有反應，下面是form代碼和JS代碼：

<form class="layui-form layui-form-pane" action="" method="post" enctype="multipart/form-data" onsubmit="return check()">

    <div class="yzm_explain layui-bg-orange">禁止上傳違法、色情、廣告視頻，情節(jié)嚴重者將會被封號處理。</div>

    <!-- 上傳視頻 -->

    <div class="layui-form-item">

        <div class="yzm_upload">

            <!-- 視頻預覽 -->

            <video id="videoPreview" controls style="display:none; width: 100%; height: 86%;" playsinline muted preload="auto">

                您的瀏覽器不支持視頻標簽。

            </video>

            <!-- 視頻選擇 -->

            <div>

                <input type="file" id="videoFile" name="video_file" accept="video/*" onchange="previewVideo()">

            </div>

            <p>支持MP4、AVI、MOV等格式，最大不能超過100MB。</p>

        </div>    

    </div>                                        

    <!-- 提交按鈕 -->

    <div class="layui-form-item">

        <input type="submit" name="dosubmit" class="layui-btn" value="提交">

    </div>                        

</form>

下面是JS代碼：

<script>

// 預覽視頻

function previewVideo() {

    var videoFile = document.getElementById('videoFile').files[0];  // 獲取上傳的文件

    var videoPreview = document.getElementById('videoPreview');

    // 檢查文件類型

    var validTypes = ['video/mp4', 'video/avi', 'video/mov', 'video/wmv', 'video/flv'];

    if (!validTypes.includes(videoFile.type)) {

        alert('僅支持MP4、AVI、MOV等視頻格式。');

        return;

    }

    // 檢查文件大小

    var maxSize = 100 * 1024 * 1024;  // 100MB

    if (videoFile.size > maxSize) {

        alert('文件大小超過100MB，請選擇較小的文件。');

        return;

    }

    // 設置視頻預覽

    var videoURL = URL.createObjectURL(videoFile);

    videoPreview.src = videoURL;

    videoPreview.style.display = 'block';  // 顯示視頻預覽

    // 自動播放設置

    videoPreview.play().catch(function(error) {

  console.log('自動播放失敗，等待用戶點擊播放...');

    });

}

</script>

求大神指點一下，感謝！