Embedded YouTube videos show full-width on posts

Posted in: Newspaper
Post count: 29

Hello —

On posts, an embedded YouTube video will show up as full width. I want a smaller YouTube box to be displayed.
Typically the width is specified within the iframe, but it seems that the post ignores that.
On the “Insert/edit media” pop-up box, it shows dimensions of 420 x 236, but when viewing the post the video is full width — that seems to be ignored too.

Here’s an example:
https://arcata1.com/public-comment-planning-commission-and-city-council-meetings/

I could change the post into a WordPress page (where I have more control) but it seems like the width should be determined by me in a post.

Any clues? Any work-arounds that I can do here?
Thank you.

Post count: 27744

Hello,

To have more control, please copy the embed code, select into the post the Code Editor -> https://i.imgur.com/SKfXA5o.png and paste the code there, after you can change the width and height -> https://i.imgur.com/84HfWLC.png -> https://i.imgur.com/lgnxEpm.png

Thank you!

Post count: 29

I tried that. That does not change things, unfortunately.
Here is some code. Both versions of the code will display as full-width — one specifies a width of 315, the other one is 420.
See this page — are they full-width for you? Using Chrome.
Thank you.
—————————
https://arcata1.com/public-comment-planning-commission-and-city-council-meetings/

<p><iframe title="YouTube video player" src="//www.youtube.com/embed/SmJeMRpvk1A?start=149&end=335" width="315" height="177" frameborder="0"><span data-mce-type="bookmark" style="display: inline-block; overflow: hidden; line-height: 0;" class="mce_SELRES_end"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></span></iframe></p>

<p><iframe title="YouTube video player" src="//www.youtube.com/embed/SmJeMRpvk1A?start=149&end=335" width="420" height="236" frameborder="0"><span data-mce-type="bookmark" style="display: inline-block; width: 420px; overflow: hidden; line-height: 0;" class="mce_SELRES_end"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></span></iframe></p>

Post count: 27744

Hello,

Please do a test only with tagDiv plugins.
For me works well -> https://we.tl/t-fK067p8I41

Thank you!

Post count: 29

Hello —

With all respect, I find your answer to not be helpful.
I understand that the iframe width works for you. I watched the video of you inserting the embed code directly as HTML. I already tried that — the problem is with that method too.

Previously it worked for me, and now it does not.

Disabling the plug-ins is not practical — it would shut down many pages of my site. But if that’s what I need to do to convince you that I have a problem here, then I’ll do it in the middle of the night some time.

But I sincerely doubt that one of these plug-ins is affecting the iframe width. The video width works on Pages — it does not work on Posts.

You have programmers there. Can’t someone look at this page and figure out what is wrong?

Please help.
Thank you.

—————————–

Here is a simple test page:
https://arcata1.com/?p=3044&preview=true

It consists of:

<p>Here the Youtube code is inserted directly as HTML.</p>
<p> </p>
<p>width = 315</p>
<p> </p>
<p><iframe title="YouTube video player" src="https://www.youtube.com/embed/612uI4Z7jsc?start=7065" width="315" height="177" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>

Here is a list of my Plug-ins. Many are back-end, and only affect the editing, or fixing thumbnnails, etc. The music players were added yesterday — the video width problem occurred before that.

A2 Optimized WP
Admin Menu Editor
Advanced Editor Tools (previously TinyMCE Advanced)
CP Media Player – Audio Player and Video Player
Duplicator
GTranslate
Jetpack
mb.miniAudioPlayer
PDF Embedder Premium
PDFjs Viewer – Embed PDFs
podcast player
Post Type Switcher
Regenerate Thumbnails
Regenerate Thumbnails Advanced
Relevanssi
Select Show modified Date in admin lists
tagDiv Cloud Library
tagDiv Composer
tagDiv Newsletter
UpdraftPlus – Backup/Restore
WP Downgrade | Specific Core Version
WPForms Lite
Yoast SEO
YYDevelopment – Show Pages ID

Here’s a description of the plug-ins:

A2 Optimized WP
A2 Optimized – WordPress Optimization Plugin

Admin Menu Editor
Lets you directly edit the WordPress admin menu. You can re-order, hide or rename existing menus, add custom menus and more.

Advanced Editor Tools (previously TinyMCE Advanced)
Extends and enhances the block editor (Gutenberg) and the classic editor (TinyMCE).

CP Media Player – Audio Player and Video Player
CP Media Player – Audio Player and Video Player allows you to post multimedia files on your website or blog in a simple way while providing compatibility with all major browsers such as IE, Firefox, Opera, Safari, Chrome and mobile devices: iPhone, iPad, Android.

Duplicator
Migrate and backup a copy of your WordPress files and database. Duplicate and move a site from one location to another quickly.

GTranslate
Translate your website and make it multilingual. For support visit GTranslate Support Forum.

Jetpack
Security, performance, and marketing tools made by WordPress experts. Jetpack keeps your site protected so you can focus on more important things.

mb.miniAudioPlayer
Transform your mp3 audio file link into a nice, small light player. ! IMPORTANT – if you customized the skin for the previous version you need to regenerate it from here.

PDF Embedder Premium
Embed mobile-friendly PDFs straight into your posts and pages. No third-party services required. Compatible With Gutenberg Editor WordPress

PDFjs Viewer – Embed PDFs
Embed PDFs with the gorgeous PDF.js viewer

podcast player
Host your podcast episodes anywhere, display them only using podcast feed url. Use custom widget or shortcode to display podcast player anywhere on your site.

Post Type Switcher
A simple way to change a post’s type in WordPress

Regenerate Thumbnails
Regenerate the thumbnails for one or more of your image uploads. Useful when changing their sizes or your theme.

Regenerate Thumbnails Advanced
Regenerate thumbnails fast and easy while removing unused thumbnails of existing images; very useful when changing a theme.

Relevanssi
This plugin replaces WordPress search with a relevance-sorting search.

Show modified Date in admin lists
Shows a new, sortable, column with the modified date in the lists of pages and posts in the WordPress admin panel. It also shows the username that did the last update.

tagDiv Cloud Library
Access a huge collection of pre-made templates you can import on your website and customize on the frontend using the tagDiv Composer plugin.

tagDiv Composer
tagDiv Composer – Create everything on your website right on the frontend with this drag and drop builder. Perfect for articles, pages, headers, and footers. No coding skills required.

tagDiv Newsletter
Easily add newsletter subscription fields for your visitors with the tagDiv Newsletter plugin for WordPress. It brings you 8 beautiful styles to choose from.

UpdraftPlus – Backup/Restore
Backup and restore: take backups locally, or backup to Amazon S3, Dropbox, Google Drive, Rackspace, (S)FTP, WebDAV & email, on automatic schedules.

WP Downgrade | Specific Core Version
WP Downgrade allows you to either downgrade or update WordPress Core to an arbitrary version of your choice. The version you choose is downloaded directly from wordpress.org and installed just like any regular release update. The target version WordPress allows you to update to remains constant until you enter a different one or deactivate the plugin either completely or by leaving the target version field empty.

WPForms Lite
Beginner friendly WordPress contact form plugin. Use our Drag & Drop form builder to create your WordPress forms.

Yoast SEO
The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.

YYDevelopment – Show Pages ID
Simple plugin that show you the pages and posts #id number

Post count: 27744

Hi,

You can try to do a test on a staging website, and do there the test only with tagDiv plugins and see if the problem persists.
Yes, indeed, if you use these plugins on certain pages, it may not work anymore, but these plugins are not tested with the theme.
As long as you can’t do a test only with tagDiv plugins, you need to check which plugin can cause the problem.
We can take a look, so please contact us via email at contact@tagdiv.com and provide the wp-admin and FTP/cPanel access to investigate the issue.
Also, during the investigation know that we will disable the other non tagDiv plugins.
Also, please make a full backup to all files and databases and include the link to this topic to identify you.

Thank you!

Post count: 29

Hello —
I have made a Staging website, and removed the plug-ins — one at a time, to see the results.

As it turns out, when I remove “TagDiv Composer” then the Youtube frames operate properly.

Obviously I cannot deactivate TagDiv Composer ! (smiles) But that seems to be the guilty plug-in.

I am using Newspaper Version 11.4.3 and WordPress 5.9.3

I didn’t update it because of the original issues with WordPress 6.0. I know those issues have been resolved, but I haven’t updated yet.

Perhaps the Youtube frame issue is resolved with Version 11.5.1 ?
Or with WordPress 6.0 ?

Post count: 27744

Hello,

I don’t know if it was a problem related to the iframe from youtube with the theme.
We can take a look at this and investigate why it is not working for you. Contact us via email at contact@tagdiv.com and provide the following:
– wp-admin url and credentials for staging
– a link to this topic in order to identify you
Also, during the investigation know that we will disable the other non tagDiv plugins.

Thank you!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.