[Resolved] Vimeo and Youtube videos not working

[Author]

Posts

[jasonf-11]

Tell us what you are trying to do? Under this page hidden link, vimeo or youtube video won't work.

Is there any documentation that you are following? I checked the available documentation and forums but nothing has the solution.

Is there a similar example that we can see? I can give you the login to the site so that you can inspect this bug further.

What is the link to your site? hidden link

[Nigel]

Hi there

To output videos using dynamic sources where the Youtube or Vimeo video URL comes from a custom field, the custom field type should be an "Embedded Media" type field.

Then, to output the videos, you can use a Single Field block (e.g. for Vimeo URLs), or for Youtube videos specifically you can output them using the Youtube block.

If you are doing this and it isn't working then we can take a look at your site to see how you have this set up.

Let me mark your next reply as private so that we can get log-in credentials from you—you may want to create a temporary admin user for us to use that you can later delete. And be sure to have a current backup of your site.

[Minesh]

I checked the admin access you shared but unfortunately the shared admin access details is not working.

On primary investigation when I check the reference page you shared: hidden link

On browser's console I see so many Javascript errors.

Uncaught TypeError: jQuery(...).addClass is not a function
    at media-gallery:210:18
remodal.min.js:10 Uncaught TypeError: b.map is not a function
    at remodal.min.js:10:4806
    at remodal.min.js:10:148
    at remodal.min.js:10:171
media-gallery:1017 Uncaught SyntaxError: Unexpected token ':'
jquery-migrate.min.js?ver=3.4.1:2 JQMIGRATE: Migrate is installed, version 3.4.1
media-gallery:172 Uncaught TypeError: Cannot read properties of null (reading 'style')
    at HTMLDocument.<anonymous> (media-gallery:172:14)
jquery.min.js?ver=3.7.1:2 jQuery.Deferred exception: $(...).remodal is not a function TypeError: $(...).remodal is not a function
    at HTMLDocument.<anonymous> (<em><u>hidden link</u></em>)
    at e (<em><u>hidden link</u></em>)
    at t (<em><u>hidden link</u></em>) undefined
ce.Deferred.exceptionHook @ jquery.min.js?ver=3.7.1:2
jquery.min.js?ver=3.7.1:2 Uncaught TypeError: $(...).remodal is not a function
    at HTMLDocument.<anonymous> (media-gallery:1326:42)
    at e (jquery.min.js?ver=3.7.1:2:27028)
    at t (jquery.min.js?ver=3.7.1:2:27330)

As I do not able to login to your site's admin panel - would you mind to follow few steps in order to minimize the cause of the issue:

1)
Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme to check for any possible conflicts with any of the plugins or themes?
- Do you see any difference?

2)
What if you create a test page and try to display video or youtube video to that? Do you see the same javascript errors on that test page as well?

3)
Can you please share screenshot how you setup vimeo or youtube video custom fields?

I have set the next reply to private which means only you and I have access to it.

[jasonf-11]

this is what the debugger is showing - it seems to be related to deprecated calls from toolset:

I have updated to the newest version, but the problems are still manifesting:

Deprecated: Return type of Toolset_Theme_Integration_Settings_Model_Collection::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/toolset-theme-settings/compatibility-modules/models/toolset-theme-integration-settings-model-collection.php on line 14

Deprecated: Return type of Toolset_Theme_Integration_Settings_Model_Abstract::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/toolset-theme-settings/compatibility-modules/models/toolset-theme-integration-settings-model-abstract.php on line 95

Deprecated: Optional parameter $content declared before required parameter $render_slug is implicitly treated as a required parameter in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/divi/includes/modules/View/View.php on line 56

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

Deprecated: preg_match(): Passing null to parameter #2 ($subject) of type string is deprecated in /home/aesus/domains/aesus.com/public_html/wp-content/plugins/toolset-blocks/vendor/toolset/common-es/server/Rest/Route/ShortcodeRender/WithMeta.php on line 55

[Minesh]

I can see that when you try to display the video using the following shortcode - it's working:

  [types field='resource_video'][/types]

Can you please check at your end.

[jasonf-11]

I am now checking the media gallery page and it's still not working.

[Minesh]

As you can see with your view:
- hidden link

I've added the following line of code that displays the video if custom field is setup with video otherwise not:

 Video: [types field='resource_video'][/types]

I can see first two items displays the video:
- hidden link