以下是我的代码 . 视频正在Chrome中的移动模拟器上正确显示,但不会出现在移动设备上 . 我从视频中删除了'autoplay'并为视频创建了mp4和webm文件类型 . 仍然没有运气 . 救命?
<script>
(function($) {
var screenWidth = $(window).width();
if(screenWidth < 1025 && screenWidth > 374 ){
customVideo = document.createElement("video");
customVideo.setAttribute("id", "mobileVideo");
customVideo.controls = true;
customVideo.autoplay = false;
customVideo.mute = true;
customVideo.src = 'https://kauaihp.com/wp-content/themes/KauaiHp/assets/media/KauaiHP_homepage-video_10-11-2017_v4.mp4';
customVideo.type = 'video/mp4';
customVideo.src = 'https://kauaihp.com/wp-content/themes/KauaiHp/assets/media/KauaiHP_homepage_video_10_09_2017_mp4.webm';
customVideo.type = 'video/webm;'
console.log('customVideo', customVideo);
$('#sliders-container').append(customVideo);
}
}) (jQuery);
</script>