javascripttampermonkeyuserscripts

Identify iframe with specific string in src


The target webpage sometimes contains a single embedded iframe video. I wish to open those specific videos in the current tab.

<iframe allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" marginheight="0" marginwidth="0" scrolling="no" frameborder="0" width="100%" src="https://streamview.com/v/wkx5ntgwdv5b"></iframe>

My code:

(function() {
    'use strict';

    var openontaB = document.querySelector('iframe').src;
    window.location.href = openontaB;
})();

The issue is that the above code does not open the correct iframe src. How would I make it work/match only for an iframe that contains the string streamview.com?

​Thanks


Solution

  • You can also do something like this:

    // look for an iframe with 'streamview.com' in its src
    const iframe = document.querySelector('iframe[src*="streamview.com"]');
    // if found, set location
    iframe && (location.href = iframe.src);