Joomla Templates Club 406,261 posts

[webdojo Friend webdojoJoin date: May 2015Posts: 116Downloads:42Uploads:12 Thanks: 22 Thanked: 3 times in 3 posts]

#929411

hello guys,
in our project (www.enotecavivian.it) there is a problem with playing video on iPhone . The same problem is on your demo.
For example see the image attached
On android devices it’s all ok.
sincerely
Alessandro

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#930252

Hi Alessandro,

I’ve reported this issue to our bug tracking system, you can check its status here: http://pm.joomlart.com/browse/JATCEVENT2-133

[Mo0nlight Moderator Mo0nlightJoin date: September 2014Posts: 707Downloads:38Uploads:107 Thanked: 99 times in 97 posts]

#949131

Hi.
You can try this.
Edit the file:
/templates/ja_events_ii/acm/video/tmpl/style-1.php

Find for :

switch (trim($arr[0])) {
      case 'youtube':
        ?>
          var tag = document.createElement('script');

          tag.src = "https://www.youtube.com/iframe_api";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
          var player;
          function onYouTubeIframeAPIReady() {

          }
          function onPlayerReady(event) {
            jQuery('iframe#videoplayer').css('width', '100%').css('height', '100%');
            event.target.playVideo();
          }

          var done = false;
          function onPlayerStateChange(event) {}
          function stopVideo() {}

          function javideoPlay() {
                jQuery('div.video-wrapper').addClass('playing');
                player = new YT.Player('videoplayer', {
              height: '390',
              width: '640',
              videoId: '<?php echo $video_link; ?>',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
          }
        <?php
        break;
      default:
        break;
    }

Change to :

switch (trim($arr[0])) {
      case 'youtube':
        ?>
          !function(a){var b=/iPhone/i,c=/iPod/i,d=/iPad/i,e=/(?=.*\bAndroid\b)(?=.*\bMobile\b)/i,f=/Android/i,g=/(?=.*\bAndroid\b)(?=.*\bSD4930UR\b)/i,h=/(?=.*\bAndroid\b)(?=.*\b(?:KFOT|KFTT|KFJWI|KFJWA|KFSOWI|KFTHWI|KFTHWA|KFAPWI|KFAPWA|KFARWI|KFASWI|KFSAWI|KFSAWA)\b)/i,i=/IEMobile/i,j=/(?=.*\bWindows\b)(?=.*\bARM\b)/i,k=/BlackBerry/i,l=/BB10/i,m=/Opera Mini/i,n=/(CriOS|Chrome)(?=.*\bMobile\b)/i,o=/(?=.*\bFirefox\b)(?=.*\bMobile\b)/i,p=new RegExp("(?:Nexus 7|BNTV250|Kindle Fire|Silk|GT-P1000)","i"),q=function(a,b){return a.test(b)},r=function(a){var r=a||navigator.userAgent,s=r.split("[FBAN");return"undefined"!=typeof s[1]&&(r=s[0]),s=r.split("Twitter"),"undefined"!=typeof s[1]&&(r=s[0]),this.apple={phone:q(b,r),ipod:q(c,r),tablet:!q(b,r)&&q(d,r),device:q(b,r)||q(c,r)||q(d,r)},this.amazon={phone:q(g,r),tablet:!q(g,r)&&q(h,r),device:q(g,r)||q(h,r)},this.android={phone:q(g,r)||q(e,r),tablet:!q(g,r)&&!q(e,r)&&(q(h,r)||q(f,r)),device:q(g,r)||q(h,r)||q(e,r)||q(f,r)},this.windows={phone:q(i,r),tablet:q(j,r),device:q(i,r)||q(j,r)},this.other={blackberry:q(k,r),blackberry10:q(l,r),opera:q(m,r),firefox:q(o,r),chrome:q(n,r),device:q(k,r)||q(l,r)||q(m,r)||q(o,r)||q(n,r)},this.seven_inch=q(p,r),this.any=this.apple.device||this.android.device||this.windows.device||this.other.device||this.seven_inch,this.phone=this.apple.phone||this.android.phone||this.windows.phone,this.tablet=this.apple.tablet||this.android.tablet||this.windows.tablet,"undefined"==typeof window?this:void 0},s=function(){var a=new r;return a.Class=r,a};"undefined"!=typeof module&&module.exports&&"undefined"==typeof window?module.exports=r:"undefined"!=typeof module&&module.exports&&"undefined"!=typeof window?module.exports=s():"function"==typeof define&&define.amd?define("isMobile",[],a.isMobile=s()):a.isMobile=s()}(this);

          var tag = document.createElement('script');

          tag.src = "https://www.youtube.com/iframe_api";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
          var player;
          function onYouTubeIframeAPIReady() {

          }
          function onPlayerReady(event) {
            jQuery('iframe#videoplayer').css('width', '100%').css('height', '100%');
            if (!isMobile.apple.device)
                event.target.playVideo();
          }

          var done = false;
          function onPlayerStateChange(event) {}
          function stopVideo() {}
          if (isMobile.apple.device)
            setTimeout('javideoPlay();', 1000);
          function javideoPlay() {
                jQuery('div.video-wrapper').addClass('playing');
                player = new YT.Player('videoplayer', {
                  height: '390',
                  width: '640',
                  videoId: '<?php echo $video_link; ?>',
                  events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                  }
                });
          }
        <?php
        break;
      default:
        break;
    }

Regards.

[Author]

Posts