[ECO Bounty] ioTex Broken Video Player/Embed Rendering

Description: The "DePINscan Video" embed on the blog page is failing to render correctly on mobile browsers. Instead of a video player, it displays raw text artifacts (0:00, /, 1x) and empty checkbox-style boxes. This prevents users from viewing the video content intended for the article.

Steps to Reproduce:

  1. Open a mobile browser on an Android or iOS device.

  2. Navigate to the blog post: iotex.io/blog/what-are-decentralized-physical-infrastructure-networks-depin

  3. Scroll down to the section titled "DePINscan Video".

  4. Observe the broken interface elements where the video player should be.

Expected Result: A functional video player (YouTube, Vimeo, or native HTML5 player) should appear, allowing the user to play the video.

Actual Result: The player is replaced by broken UI text:

  • 0:00

  • /

  • ☐ 1x ☐

  • Missing video frame/container.

Environment Details:

  • Device: Android Mobile

  • Browser: Chrome Mobile

  • Section: Post-header content, preceding the "What happens when crypto and blockchain meet..." header.

Suggested Fix: Check the video embed code for compatibility with mobile browsers. This often occurs due to missing iframe security permissions, blocked third-party scripts, or an incompatible custom video wrapper script that fails to initialize on mobile devices.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro

Please authenticate to join the conversation.

Upvoters
Status

In Review

Board
πŸ’‘

New Issue

Date

5 days ago

Author

cryptotestnet

Subscribe to post

Get notified by email when there are changes.