Not getting author and YouTube videos

– How are you embedding your YouTube videos? Can you paste some example?
– How are you specifying your Authors? Are you using any plugin or just letting WordPress take care of it?

have the same problem, the integrated video is not displayed in Instant Article, following code I used for:

<p><video poster="https://parcel.one/wp-content/uploads/2016/01/parcel-one-video.jpg" controls="controls" width="845" height="480"> <source src="https://parcel.one/wp-content/uploads/2016/03/Mein-Film.mp4" type="video/mp4" /> <source src="https://parcel.one/wp-content/uploads/2016/03/Video-webm.webm" type="video/webm" /></video></p>

you can see the page here

thx

https://cbc-logistics.com/internationaler-paketversand-mit-parcelone/

Hi,

My authors are specified (in code) as

<a class="author" href="<?php echo esc_url( get_author_posts_url(get_the_author_meta( 'ID' )) ); ?>"><?php the_author(); ?></a>

so it’s appearing as <a class="author" href="https://example.com/author-url">Author Name</a>

The YouTube videos appear as

<div class="embed-media">
<div class="embed"><iframe width="750" height="422" src="https://www.youtube.com/embed/xxxxxxxx?feature=oembed" frameborder="0" allowfullscreen=""></iframe></div>
</div>

Update:

After updating to 2.7 it’s now showing the author. But the embeds (Youtube and Twitter) are not showing up. The output code is:

YouTube:

<div class="video-in embed-responsive embed-responsive-16by9">
<div class="embed"><iframe width="750" height="422" src="https://www.youtube.com/embed/xxxxxxxxxx?feature=oembed" frameborder="0" allowfullscreen=""></iframe></div>
</div>

Twitter:

<div class="embed-media">
<div class="embed">
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" class="twitter-tweet twitter-tweet-rendered" style="position: static; visibility: visible; display: block; width: 550px; height: 584.609px; padding: 0px; border: none; max-width: 100%; min-width: 220px; margin-top: 10px; margin-bottom: 10px;" data-tweet-id="XXXXXXXXXXXXXXXXXXXX" title="Tweet de Twitter"></iframe>
<p><script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p></div>
</div>

Unfortunately, it still does not activate after update 2.7, what to do?

here is the code
<video poster="https://parcel.one/wp-content/uploads/2016/01/parcel-one-video.jpg" controls="controls" width="845" height="480"> <source src="https://parcel.one/wp-content/uploads/2016/03/Mein-Film.mp4" type="video/mp4" /> <source src="https://parcel.one/wp-content/uploads/2016/03/Video-webm.webm" type="video/webm" />

Hello @cbclogistics and @eperezf.

I’m glad to hear that the update to v2.7 resolve the issue with the author.

The remaining issues regarding videos and Twitter embeds are occurring because the source markup is not recognized by the Transformer used to generate the Instant Articles markup. Fortunately, you can define your own rules so that it is able to.

Understanding how Transformer Rules work and how to configure them is complex, and since v2.7, we’ve extended our documentation with a section dedicated to giving clarity on the matter and supported by examples.

First and foremost, the main description of this plugin contains a high-level overview of the concept behind Transformer Rules. Additionally, supporting information has been added as FAQs and screenshots.

To go deeper, our main documentation contains examples and reference material for configuring your own Transformer Rules.

I’ll mark this issue as “Resolved” for now since there should be sufficient resources to get you started in defining the rules needed to make the transformation of your article into an Instant Article successful. Specifically, take a look at the VideoRule, SocialEmbedRule Rule Classes.