New Video Element not showing for Vimeo embed on mobile

The new video element looks more cool and works fine with Vimeo but is not showing on mobile. I found an old thread that said to use the classic video embed as the solution but it seems like it would be possible to make the new one work with Vimeo on mobile. The classic version works but looks clunky and pops up a player that is not playing as an embedded video. The rest of the page such as the buy button cannot be seen or accessed unless they stop the video. Using Vimeo apparently forces me to go to obsolete technology on cornerstone but I may be missing something.

I discovered what I was describing on Vimeo embed on mobile is just the video automatically going to full screen.

There is a message on my device that says drag from the top and press the back button to exit full screen. I tried many times to drag from top and press the back button but nothing happened. That’s not a cornerstone issue but I still would like the new video element to work with Vimeo on mobile.

Hi There,

Please provide the URL of the page where you have placed the V2 Embbed video with vimeo and it did not work so we can take a closer look.

Thanks

http://tradingmastermind.com/how-to-master-harmonic-trading-2/ It works on desktop but not on mobile.

Hi There,

Thank you for the URL, I am seeing the embed video markup is empty (https://prnt.sc/gz4pf6), would you mind sharing us the embed code and the link to the Vimeo video so we can take a closer look.

I am seeing this warning (https://prnt.sc/gz4qdj) from your site, would you mind try deactivating that (audio streaming) plugin and see if that resolves the issue.

Let us know ow it goes,
Cheers!

This code is in the video element of cornerstone.

iframe src=“https://player.vimeo.com/video/237255351”; width=“640” height=“360” frameborder=“0” webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe

And the video is working fine on desktop so it cannot be empty.

I disabled the S3bubble streaming plugin.

Then I checked and found it still does not work on mobile.

Hello There,

Thanks for sending the code. It is incomplete. You should be using this code:

<iframe src="https://player.vimeo.com/video/237255351"; width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Please make sure that <iframe> wraps the code.

I am using the < and > at the beginning and end. However when I post it in this chat it does not diplay because it it a code.

The video which is working on desktop would not be working if it was not contained in the <> I am using that code and it is not displaying on mobile same problem.

Try removing the semicolon in your embed code.

Vimeo works with the new Video element both on desktop and mobile in my test site. Upon checking your site, the video does not work both in desktop and mobile.

If that doesn’t help, please give us access to your WordPress admin in a Secure Note but do the following first:

  1. Ensure everything is up to date according to our version compatibility list at https://theme.co/apex/forum/t/troubleshooting-version-compatibility/195. Please follow the best practices when updating your theme and plugins. See https://theme.co/apex/forum/t/setup-updating-your-themes-and-plugins/62 for more details.

  2. Clear all caches including browser cache then deactivate your caching plugins and other optimization plugins.

  3. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.

  4. Test for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

  5. Remove custom CSS, Javascript and templates.

  6. Contact your host to increase your allocated memory or do it yourself by adding this code in your wp-config.php

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '512M' );

Thanks.