Overlay image on embedded video

HTML & CSS
21

I don’t know if “Vimeo” would like it. :eyebrows:

coothead

22

Hi there gandalf458,

It appears that “Vimeo” didn’t and have
now shut the door on the PHP with this…

https://player.vimeo.com/robots.txt :eek:

coothead

1 Like
23

Hey coothead

I’d not checked for a while. I suspected they wouldn’t be took happy, but who’d have guessed they’d find out so soon!

G

24

Hi there gandalf458,

I believe there are methods of bypassing “robots.txt”,
but they are also probably unethical. :wonky:

I don’t want the “Vimeo S.W.A.T. squad” paying me a
visit in the middle of the night, so I’m out of here. :winky:

But it was a good mental exercise for me while it lasted. :biggrin:

coothead

1 Like
25

I’m glad you enjoyed the exercise coothead. :runner:

Thinking about it, the robots.txt only stops robots, not yer regular (or as in our case, irregular) visitor. So I’m thinking they must have stopped us by some other means. :shifty:

G

26

Hi there gandalf458,

this php…

   $html0 = htmlspecialchars( $url0 );

…no longer shows the “Source code” of this page…

https://player.vimeo.com/video/223488357

Instead it shows this code…

<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>
    <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name=robots content=noindex>
    <title>You Learn, I Learn on Vimeo</title>
    <style>
        body,
        html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden
        }
        
        #crawler_player {
            position: relative;
            width: 100%;
            height: 100%
        }
        
        #crawler_player {
            width: 100%;
            height: 100%;
            background: url('https://i.vimeocdn.com/video/642294224_640.jpg') 50% 50% no-repeat;
            background-size: cover
        }
        
        #crawler_player button {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -53px;
            margin-top: -33px;
            width: 105px;
            height: 65px;
            background: url('https://f.vimeocdn.com/p/images/crawler_play.png');
            border: 0;
            text-indent: -1000em;
            -moz-opacity: .85;
            -webkit-opacity: .85;
            opacity: .85
        }
        
        #crawler_player .logo {
            position: absolute;
            bottom: 12px;
            right: 10px
        }
        
        #crawler_player a {
            display: none
        }
    </style>

    <body>
        <a href="https://vimeo.com/223488357">
            <div id=crawler_player>
                <button type=button>Play</button> <img class=logo src="https://f.vimeocdn.com/p/images/crawler_logo.png" alt=Vimeo></div>
        </a>

If it’s not their “robots.txt”, what could it be? :shifty:

This area of coding is, for me, rather grey. :eyebrows:

Do you have any thoughts about it?

Does anyone have any thoughts about it? :biggrin:

coothead

27

Other than they don’t want you to do it?

28

The thoughts, in which I was mildly interested, were in regards
to the method used to stop …

$html0 = htmlspecialchars( $url0 );

…from providing the actual “Source Code” of the site.

Of course, “they dont want you to do it” goes without saying. :biggrin:

coothead

1 Like
30

If I had to hazard a guess, I’d say .htaccess or a firewall, like ModSecurity…

31

Hi there gandalf458,

I have finally given up on finding a “video element” solution. :unhappy:

All is not lost, though. :biggrin:

Here, instead and sadly, is an “iframe element” solution…

http://coothead.co.uk/gandalf458A-iframe-version/index.html

…which, of course, is what you asked for in the first place. :winky:

Files:-

gandalf458A-iframe-version.zip (313.3 KB)

coothead

1 Like
32

Many thanks again @coothead. I said before you were a star. You are rapidly heading for planet status!

Cheers :wine_glass:

33

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.