Question

我在安卓平板电脑（Chrome浏览器）中播放视频时遇到问题。

我有一个网站，当我点击横幅时，弹出窗口需要播放一些视频。

在电脑上一切都好！但当我在我的平板电脑上尝试它时，它无法正常工作。我知道自动播放不适用于平板电脑或类似的东西，因此我使用play（）和load（）但它仍然无法正常工作。此外，我在打开灯箱的同一个弹出按钮，在这个灯箱有关闭按钮。当我点击此按钮然后视频开始播放时，会发生奇怪的事情。

我编写了在加载弹出窗口时运行的函数，这里是代码：

<script type="text/javascript">

      function load() {
        $('#videoDiv').show();
        var a = window.location.search.substr(1).split("&");
        var adVideoPlayer = document.getElementById('videoPlayer');
        var adVideoSrc = document.getElementById('video_player_source');
        var x = Math.floor((Math.random() * ads.length));
        $(adVideoSrc).attr('src', ads[x]);
        adVideoPlayer.load();
        adVideoPlayer.play();


         // when the ad is finish, play another video.
        $('#videoPlayer').bind("ended", setNewVideo);
        function setNewVideo(e) {

            $("#commercialButton").hide();
            $('#pCommerial').text('');
            //$(adVideoSrc).attr('src', a);
            //document.getElementById('htmlFive').setAttribute('poster','newvalue');
          $(adVideoSrc).attr('src', a);
          adVideoPlayer.setAttribute("controls","controls");
          adVideoPlayer.load();
        }
} 
</script>

onload func：

<body onload="load()">
all the code is here....
</body>

以下是视频播放器的代码：

        <video id="videoPlayer" width="510" height="287">           
            <source id="video_player_source" src="" type="video/mp4" </source>
        </video>

以下是我按下关闭按钮时的事件：在这段代码中，我只是再次使用play（）方法，突然它出于某种原因起作用。

            <script type="text/javascript">
            function videoResetFields(){
                window.resizeBy(0, -318);
                var adVideoPlayer = document.getElementById('videoPlayer');
                adVideoPlayer.play();
                $('#email').val('');
                $('#comments').val('');
                $('#fullName').val('');
                $('#telephone').val('');
            }               
            </script>

Android平板电脑上的HTML5视频问题

0 个答案: