HTML5视频和jQuery脚本在移动设备上无法正常运行

Question

此脚本正在使用pc

1. 我的滑块中有视频可以在我的电脑上运行，但是当我尝试在我的智能手机上测试我的网站时（Galaxy Note 3）...它没有... ...当文件是页面加载时视频必须播放准备好或活动幻灯片是视频......

HTML

<div class="flexslider" id="slider">
  <ul class="slides">
    <li id="slide1">
        <video id="myVideo" src="Videos/New York City - Time Lapse.mp4" style="width:100%;"></video>
        <div class="flex-caption text-center">
            <h1 class="head">Time To Grow Your Business !</h1>
            <div class="line">
                <hr>
            </div>
            <div class="parWrap">
                <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis.</p>
                <button type="button" class="shareHead animated flipInY">Share <span class="glyphicon glyphicon-heart"></span> &nbsp;Heart</button>
            </div>
           <button type="button" class="playPause">Pause</button><br>           
        </div>                  
    </li>     
    <li id="slide2">
        <img src="Images/Slider Images/image1.jpg" class="img-responsive">
        <div class="flex-caption text-center">
            <h1 class="head">Time To Grow Your Business !</h1>
            <div class="line">
                <hr>
            </div>
            <div class="parWrap">
                <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis</p>
                <button type="button" class="shareHead animated flipInY">Share <span class="glyphicon glyphicon-heart"></span> &nbsp;Heart</button>
            </div>                      
        </div>                                                      
    </li>   
    <li id="slide3">
        <img src="Images/Slider Images/image2.jpg" class="img-responsive">
        <div class="flex-caption text-center">
            <h1 class="head">Time To Grow Your Business !</h1>
            <div class="line">
                <hr>
            </div>
            <div class="parWrap">
                <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis</p>
                <button type="button" class="shareHead animated flipInY">Share <span class="glyphicon glyphicon-heart"></span> &nbsp;Heart</button>
            </div>
        </div>                          
    </li>
    <li id="slide4">
        <img src="Images/Slider Images/image3.jpg" class="img-responsive">
        <div class="flex-caption text-center">
            <h1 class="head">Time To Grow Your Business !</h1>
            <div class="line">
                <hr>
            </div>
            <div class="parWrap">
                <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis.</p>
                <button type="button" class="shareHead animated flipInY">Share <span class="glyphicon glyphicon-heart"></span> &nbsp;Heart</button>
            </div>
        </div>                          
    </li>       
  </ul>
</div>

## Script ##

1. 当我点击播放按钮时视频正在播放...但脚本的工作方式 它必须在某些情况下自动播放，而不是当我点击...只能在移动设备上正常工作它不起作用

$(document).ready(function(){
                var active_id = $('.flex-active-slide').attr('id');
                //if the active slide is the video slide...  
                if( active_id == "slide1"){
                  //play the video and pause the slider
                  myVideo.play();
                  $('.flexslider').flexslider("pause");
                  //when the video has ended, go to the next slide and play the slider
                  myVideo.onended = function(){
                      $('.flexslider').flexslider("next");
                      $('.flexslider').flexslider("play");
                  }
                }  
          myVideo.pause();
          setTimeout(function () {      
             myVideo.play();
          }, 150);
        });

Answer 1

移动设备上的自动播放已停用。

此问题已发布，您可以在此处找到expalantion： HTML5 Video autoplay on Mobile Browser