jQuery手風琴插件-視頻未在ipad中加載

Question

我們在主頁中使用了jquery手風琴插件。 當用戶單擊手風琴滑塊的每個幻燈片時，我們已經動態生成了“視頻”和“源”標簽。 之后，我們使用load（）和play（）函數播放視頻。 它對於我們在桌面瀏覽器中正常工作，但是無法在ipad設備上播放。 誰能協助我的要求並做有需要的。

碼：

展開手風琴圖像時生成視頻標簽：

if ( navigator.userAgent.match(/iPad/i) ) { //alert("append1");
            var videoStartTag   = "<video id='"+e.accordionSegment.find(".accordion_mp4src").attr('id')+"_vid' class='accordion-video' controls width='100%' height='100%' loop style='background: black;'>";
            var videoEndTag   =  "</video>";  
            var videoAccordion  = '';
            //alert("====>"+e.accordionSegment.find(".accordion_mp4src").attr('id'));
            //alert("=====>"+e.accordionSegment.find(".accordion_mp4src").val());
            if(jQuery.trim(e.accordionSegment.find(".accordion_mp4src").val()) != ""){
              videoAccordion  +=  "<source src='"+jQuery.trim(e.accordionSegment.find(".accordion_mp4src").val())+"' type='video/mp4'>";
            }
            if(jQuery.trim(e.accordionSegment.find(".accordion_oggsrc").val()) != ""){
              videoAccordion  +=  '<source src="'+jQuery.trim(e.accordionSegment.find(".accordion_oggsrc").val())+'" type="video/ogg">';
            }
            if(jQuery.trim(e.accordionSegment.find(".accordion_websrc").val()) != ""){
              videoAccordion  +=  '<source src="'+jQuery.trim(e.accordionSegment.find(".accordion_websrc").val())+'" type="video/webm">';
            }
            //alert("==1=>"+videoAccordion);
            e.accordionSegment.find(".accordion-video").remove();
            if(videoAccordion != "")
              e.accordionSegment.find(".accordion_mp4src").before(videoStartTag + videoAccordion + videoEndTag);
    }

播放影片：

if ( navigator.userAgent.match(/iPad/i) ) {
                setTimeout(function() {
                      //alert("===>"+jQuery(".category-accordion").find(".accordion_mp4src").attr("id"));
                      var temp = jQuery(".category-accordion").find(".accordion_mp4src").attr("id");
                      document.getElementById(temp+"_vid").load();
                      document.getElementById(temp+"_vid").play();
                });
            }

謝謝，ArularasanD。

Answer 1

視頻元素不會在iOS上自動播放，您可以使用一種稱為Canvas的技術以另一種方式呈現視頻： http : //html5doctor.com/video-canvas-magic/ 。

或者，您可以使用類似圖像序列的內容： http : //www.sequencejs.com/

否則，無法在iOS上播放視頻。