YouTube Gallery stop playing when turning the mobile

Ask the Community General Questions
1

I really like this widget, but unfortunately the video stop playing when I turn the mobile horizontal. It’s not possible to start it an watch it in this mode. Is this a customizing issue or a bug?

2 Likes
3

Hi there, @Resol53 :waving_hand:

Apologies for this issue!

Our devs will gladly look into this issue. Could you just specify:

  • the device you’re using and its OS version

  • whether the videos can be played if you initially use the horizontal mode

1 Like
4

I’m using iPhone 16.pro iOS 18.7.1

I can start the video but it plays in the small view - cannot see the square to resize it as we do in vertical mode.

2 Likes
5

I found this is a customizing issue. In MOBILE OPTIMIZATION I added a breakpoint at 896px and that helped. With the larger window I get the resize square and the rest ist OK.

But turning the mobile from vertical to horizontal mode stops the video if it was started. Not a big issue but still annoying…

2 Likes
6

Got it, thanks!

I’ll discuss with the devs if it’s possible to avoid stopping the video when turning the mobile and update you once I have any news :slightly_smiling_face:

1 Like
7

Thanx, would be great😊

2 Likes
8

Hi there, @Resol53 :waving_hand:

Thank you for waiting!

Our devs asked to provide a screenshot of the issue when the Fullscreen button doesn’t appear on your end. Could you please share it here?

1 Like
9

As I wrote in the last reply, the Fullscreen button now appears after customizing the horisontal mode to 896px. The issue now is that the video stops and rewind to beginning without starting. See images attached.

If they want to try, the gallery is at the bottom of frontage of this URL https://senioriveggen.no

IMG_3903.PNG
IMG_3903.PNG1206×2622 130 KB

IMG_3904.PNG
IMG_3904.PNG1920×883 79.7 KB

1 Like
10

Thanks!

Our devs will investigate it further. I’ll update you once I have any news :slightly_smiling_face:

1 Like
11

Hi there, @Resol53 :waving_hand:

Thank you for waiting!

Due to the widget’s peculiarities, changing the orientation causes the iframe to remount. The old iframe gets removed, and a new one with the same video is added. This is why the video stops when turning the device.

At the moment, there is no way the video from pausing, but it’s possible to save the watching progress. So, once you click “Play” after changing the orientation, the video will start from the point, where it stopped.

To achieve this, please add this script to your website’s code and let me know if it worked :slightly_smiling_face:

<script>
let lastCurrentTime = null;
let prevLastCurrentTime = null;
const waitForElement = (selector, root = document) =>
  new Promise((res) => {
    const observer = new MutationObserver(() => {
      const element = root.querySelector(selector);
      if (element) {
        res(element);
        observer.disconnect();
      }
    });

    observer.observe(root, { childList: true, subtree: true });
  });

window.addEventListener(
  "message",
  (ev) => {
    if (ev.origin !== "https://www.youtube.com") {
      retrun;
    }
    const data = JSON.parse(ev.data);
    const { event, info } = data;
    if (data.event !== "infoDelivery") {
      return;
    }
    lastCurrentTime = data.info.currentTime;
    if (!!lastCurrentTime && prevLastCurrentTime) {
      currentIframe = document.querySelector(".swiper-slide-active iframe");
      if (!currentIframe || !prevLastCurrentTime) {
        return;
      }

      const msg = JSON.stringify({
        event: "command",
        func: "seekTo",
        args: [prevLastCurrentTime, true],
      });
      currentIframe.contentWindow.postMessage(msg, "*");
      prevLastCurrentTime = null;
    }
  },
  false,
);

window.addEventListener("orientationchange", () => {
  prevLastCurrentTime = lastCurrentTime;
});
</script>
13

Thanks.

It works OK and it resume the video at the right place. But I hope there will be a solution that make the orientation change seamless and smooth😍.

1 Like
14

Thank you for the feedback!

I agree that it would be a nice enhancement. I’ve added this idea to the Wishlist on your behalf and we’ll try to consider this opportunity in the future :slightly_smiling_face: - Smooth video playback when changing the orientation of mobile devices

1 Like