Issues with Twitter and Instagram built-in and custom rules + a feature suggestion

Greetings

I’d like please to report a few issues I’ve noticed with Twitter and Instagram built-in and custom rules, and make a feature suggestion.

(using Chrome and Tampermonkey/Violentmonkey)

---

Regarding Twitter (new layout + “autoplay” enabled in https://twitter.com/settings/data) :

Here are two videos: (GIF/mp4) https://twitter.com/natfriedman/status/1232727363626029056 (blob) https://twitter.com/github/status/1191426884828950531

Inspecting the video nodes HTML, the former is mp4, the latter is blob:

GIF

<video preload="auto" playsinline="" aria-label="Embedded video" 
poster="https://pbs.twimg.com/tweet_video_thumb/ERuG9JhVUAEglNW.jpg" 
src="https://video.twimg.com/tweet_video/ERuG9JhVUAEglNW.mp4" type="video/mp4" 
style="width: 100%; height: 100%; position: absolute; background-color: black; top: 0%; left: 0%; transform: rotate(0deg) scale(1.005);"></video>

blob

<video preload="none" playsinline="" aria-label="Embedded video" 
poster="https://pbs.twimg.com/media/EIiwEVIVAAUWOqK.jpg" 
src="blob:https://twitter.com/59eda4ea-4178-43d4-b11a-09f26acf8203" 
style="width: 100%; height: 100%; position: absolute; background-color: black; top: 0%; left: 0%; transform: rotate(0deg) scale(1.005);"></video>

The rule from the repository (see below) doesn’t work when hovering on the mouse on each of the videos, although it seems it be still valid (although, the rule doesn’t work in the initial MPIV neither) . Could the rule below be modified to work for both videos?

{"d": "twitter.com",
 "e": "video",
 "s": "var bg = node.poster, url = /http[^\\\")]+/.exec(bg)[0];if (url.indexOf('.jpg') == -1){return url.replace('pbs', 'video').replace('_thumb', '').replace('.png', '.mp4');} else {return url.replace('pbs', 'video').replace('_thumb', '').replace('.jpg', '.mp4');}"
}

---

Regarding Instagram:

• Hovering on multi-image posts, the first image is displayed on hovering all images https://www.instagram.com/p/B8eYh4UgmsN/ (open URL in new tab)

• Hovering on IGTV (Instagram TV) video post thumbnails e.g. currently the 3rd post in https://www.instagram.com/instagram/ an image is displayed instead of the video.

---

My feature suggestion (based on all the above):

to add a setting in “MPIV”, something like: “Display debug info for applied rule in console”, which, when enabled to display in console:

• the currently applied rule (prettified, as in MPIV settings),
• the actual values of its various properties, e.g. d, e, q, etc.
• whether the applied rule rule is built-in or custom

This would help in quickly finding which rule is currently applied, and I believe that it would assist the user in improving/fixing the relevant rule.

 

Thank you!

[tophf]

Fixed in 72a6206a.

[tophf]

9ea318a1 Thanks.