Affinity Spotlight :: Vimeo URL issue

[thomaso]

The various Vimeo links below this Spotlight article   https://affinityspotlight.com/article/channels/  ...

... seem not to work on click in my browser ...

... whereas it obviously shows up when pasted to this forums window:

e.g.:  https://vimeo.com/134722059

I get the error in Cliqz (Mozilla) and in Safari, both current versions. – Any idea what's wrong with it, or how to make it work directly?

 

[v_kyr]

• Link-checker
• W3C link checker
• etc.

[thomaso]

> Link-checker

Interesting, thanks.
What is technically going on that this Affinity forum is able to show an Affinity vimeo page – while it appears to be unavailable from somewhere else?
("Error: Access to this URL not possible")

 

[v_kyr]

If you inspect the forums posting HTML source code, you will recognize that a different URL scheme is used for the embedded video which then works. - Aka ...

<p>
	<br />
	... whereas it obviously shows up when pasted to this forums window:
</p>

<p>
	e.g.:  <a href="https://vimeo.com/134722059" rel="external nofollow">https://vimeo.com/134722059</a>
</p>

<div class="ipsEmbeddedVideo">
	<div>
		<iframe allowfullscreen="" frameborder="0" height="270" src="https://player.vimeo.com/video/134722059?app_id=122963" title="Affinity Photo - Channels" width="480"></iframe>
	</div>
</div>

<p>
	<br />
	I get the error in Cliqz (Mozilla) and in Safari, both current versions. – Any idea what's wrong with it, or how to make it work directly?
</p>

And thus the used URL reads ...

Quote

https://player.vimeo.com/video/134722059?app_id=122963

• https://player.vimeo.com/video/134722059?app_id=122963

 

 

 

[thomaso]

Ah, thank you! – What part is doing this dynamic URL translation?

It seems the forums software is smarter than the Spotlight page?
I wonder why Spotlight isn't generally using the working Vimeo URL, too, since it is obviously known to Serif websoftware/servers. Or was it rather a human typing issue in the Spotlight article?

[v_kyr]

Different software, capabilities and different purposes. - The PHP based forum software has the ability and knows (can be setup/customized accordingly) how to deal with certain things (like embedding videos from video services like Youtube/Vimeo etc.). - In contrast the Spotlight website is a custom based CMS one for publishing web based articles (see also here). The later uses a more plain HTML based structure and plain HTML-links, which looks clear and well structured and is easy to read, aka ...

...
<p>In addition to mixing channel information, certain techniques like infrared processing benefit from swapping entire channels—many infrared workflows involve swapping red and blue (known as a two-channel swap) or red and blue plus blue and green (a three-channel swap, where the green channel is removed entirely and replaced by the blue channel information).</p>
<figure class="c-graphic-figure">
  <div class="s-picture-placeholder" style="padding-bottom: 71.046%; background-color: rgba(80, 56, 52, .8">
    <spotlight-picture
        src="https://cdn.serif.com/spotlight/content/14c/vm1/l5v/infrared-after.jpg"
        alt="Infrared After"
        pixel-ratio="1x, 2x"
        :placeholder-ratio="71.046"
        transition="fade"
        :source="[
            { name : 'article-sm', media : '(max-width: 30em)'        },
            { name : 'article-md', media : '(min-width: 30.0625em)'   }
        ]">
    </spotlight-picture>
  </div>  <figcaption class="c-graphic-caption">An infrared image after its red and blue channels have been swapped.</figcaption>
</figure>

**** VIDEO HTML LINK REFERENCES START HERE ****

<h2 id="affinity-and-channels">Affinity and channels</h2>
<p>Affinity Photo has full support for channels in all supported colour modes (RGB, CMYK, LAB, Greyscale) and allows individual channel previewing, editing, copying and masking.</p>
<p>We have a wide range of Affinity Photo tutorials pertaining to channels:</p>
<ul>
<li>Channels: <a href="https://vimeo.com/134722059">Vimeo</a> / <a href="https://youtu.be/QBCQcHUZGkg">YouTube</a></li>
<li>Channels for Alpha Masking: <a href="https://vimeo.com/143990072">Vimeo</a> / <a href="https://youtu.be/U4mnBCttvaY">YouTube</a></li>
<li>Channels: Creating/Storing Selections: <a href="https://vimeo.com/155542288">Vimeo</a> / <a href="https://youtu.be/60jnb2TqrG8">YouTube</a></li>
<li>Editing Single Channels: <a href="https://vimeo.com/205022192">Vimeo</a> / <a href="https://youtu.be/k_7UdG1GdP4">YouTube</a></li>
<li>Channels: Greyscale Blending: <a href="https://vimeo.com/205025448">Vimeo</a> / <a href="https://youtu.be/IOoBbpmLlu8">YouTube</a></li>
<li>Channel Packing: <a href="https://vimeo.com/205028961">Vimeo</a> / <a href="https://youtu.be/_0btFiRa4iU">YouTube</a></li>
<li>Technicolor Emulation: <a href="https://vimeo.com/155520871">Vimeo</a> / <a href="https://youtu.be/y3ZBB4B7LH8">YouTube</a></li>
</ul>

**** EO VIDEO HTML LINKS ****

        <hr>
      </div>

      <!-- Article Footer -->
      <footer class="o-container  o-container--mw700  u-mb-36">
        
        <!-- Share article -->
        <div class="u-mb-48  u-text-center">
          <a href="http://twitter.com/intent/tweet?url=https://affinityspotlight.com/article/channels/&amp;text=Channels
&amp;via=affinitybyserif&amp;hashtags=AffinitySpotlight" class="c-btn  c-btn--share  c-btn--twitter" rel="nofollow">

            <svg role="presentation" class="c-share-icon  c-share-icon--twitter">
              <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/static/icons/sprite.svg?120220191006#twitter"></use>
            </svg>
            Tweet
          </a>
...

... every thing else is probably more due to the way how the Spotlight article author has written and published his article, and also if that by Marling used BBCode entry panel already supports embedding videos or not. - Thus some Affinity rep can tell you for sure better here!

 

[stokerg]

Hi @thomaso

Thanks for raising this.

I've raised this with the correct team and am just waiting on a response now.  It's nothing wrong with browser or setup, it's to do with the links and some changes that got made a while back.  As soon as i hear anything, i'll update here