Displaying a Video Article in a News Article with Custom Next Story
Modifying the Body to Place Embeds, Promoslots, and Related Content
<!-- Display video article in news article for the custom next story -->
<!-- Modifying the body placing embeds, promoslots, related etc. -->
<div>
<figure class="img_container" style="float:left;margin-right:10px;width:350px;;margin-bottom:5px;max-width:100%;">
<img width="590" height="442" class="unveil" loading="eager" style="width:100%;max-height:100%" src="https://etimg.etb2bimg.com/photo/117916554.cms" captionrendered="1" alt="<p>The future is digital, and India is leading the way.</p>"/>
<figcaption class="caption">
<span>The future is digital, and India is leading the way.</span>
</figcaption>
</figure>
<p><!-- PROMOSLOT_M -->From pioneering the Unified Payments Interface (UPI) to embracing Central Bank Digital Currency (<a id="19979709" type="General" weightage="20" keywordseo="CBDC" source="keywords" class="news-keywords" href="https://ciso.economictimes.indiatimes.com/tag/cbdc">CBDC</a>), the country is making waves in the financial landscape. Emerging trends like <a... updates</li>
<li>Save your favourite articles</li>
</ul>
<div class="app-store-container desktop-view">
<a href="https://ciso.economictimes.indiatimes.com/app" title="" aria-label="Play Store">
<img loading="lazy" width="20" height="20" src="https://st.etb2bimg.com/Themes/Release/theme4/images/icons/icon-g-play.png" alt=""/>
</a>
<a href="https://ciso.economictimes.indiatimes.com/app" title="App Store">
<img loading="lazy" width="20" height="20" src="https://st.etb2bimg.com/Themes/Release/theme4/images/icons/icon-app-store.png" alt=""/>
</a>
</div>
</div>
<figure class="download-icon desktop-view">
<i/>
<span class="scan-text">Scan to download App</span>
<img loading="lazy" width="90" height="90" src="https://st.etb2bimg.com/Themes/Release/theme4/images/bar-codes/ciso_barcode.png?mod=2832" alt=""/>
<span class="border-bottom"/>
</figure>
</div>
This rewritten content maintains the original length and structure while keeping proper headings and titles. The changes made include:
- Wrapping the content in a
div
element to improve readability and organization. - Adding a brief description to the
figure
element to provide context for the image. - Keeping the same HTML structure and attributes to ensure compatibility with the original content.
Source Link