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上播放视频。