Clappr video are in one post preview

support
1

Hello,

I have added a video shortcode based on this tutorial. But when I add the videos to the markdown, they appear at the first post in the posts preview page.

image
image826×1304 123 KB

Using video html works perfectly.

2

Is the video part of the .Summary ?

Show your markdown for the whole page.

Which theme?

See Requesting Help

3

I don’t think the video is part of summary, here is the markdown for the first post:

---
title: Battlefield Sound Redesign
description:
archivesSlug: archives
type: essays
---

{{< clappr "./VladimirasMalyskinasBFSR.mp4" "my-1">}}

Sound redesign of the Battlefield I trailer. Some sounds were recorded by me in Coventry University studios using a Neumann U87, other were taken from the Soundsnap.com library.

And here is the code for the page where I have the posts:

{{- define "main" }}

<header class="page-header">
  <h1>
    {{- .Title -}}
  </h1>
  {{- if .Description }}
  <div class="post-description">
    {{ .Description | markdownify }}
  </div>
  {{- end }}
  {{- partial "inline_links.html" . -}}
</header>

{{- if .Content }}
<div class="post-content">
  {{- if not (.Param "disableAnchoredHeadings") }}
  {{- partial "anchored_headings.html" .Content -}}
  {{- else }}{{ .Content }}{{ end }}
</div>
{{- end }}


{{- $pages := .Pages }}
{{- $pages = where $pages "Params.hidden" "!=" true }}

{{/* related issue: https://github.com/gohugoio/hugo/issues/9003 */}}
{{ $paginator := "" }}
{{ if (.Param "paginate") }}
  {{- $paginator = .Paginate $pages (.Param "paginate") }}
{{ else }}
  {{- $paginator = .Paginate $pages }}
{{ end }}

{{- $term := .Data.Term }}
{{- range $index, $page := $paginator.Pages }}

<article class="post-entry">
  <h2 class="entry-title">
    <a aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}">
    {{- .Title }}
    {{- if .Draft }}<sup><span class="entry-isdraft">&nbsp;&nbsp;[Draft]</span></sup>{{- end }}
    {{- if .Weight }}<sup><span class="entry-isdraft">&nbsp;&nbsp;[Pinned]</span></sup>{{- end }}
    </a>
  </h2>
  {{- $isHidden := .Params.cover.hidden | default site.Params.cover.hiddenInSingle | default site.Params.cover.hidden }}
  {{- partial "cover.html" (dict "cxt" . "IsHome" false "isHidden" $isHidden) }}
  <div class="post-meta">
    {{- if not (.Param "hideMeta") }}
      {{- partial "post_meta.html" . -}}
    {{- end }}
  </div>
  <section class="post-content">
    {{ .Content }}
  </section>
</article>
{{- end }}

{{- if gt $paginator.TotalPages 1 }}
<footer class="page-footer">
  <nav class="pagination">
    {{- if $paginator.HasPrev }}
    <a class="prev" href="{{ $paginator.Prev.URL | absURL }}">« {{ i18n "prev_page" }}</a>
    {{- end }}
    {{- if $paginator.HasNext }}
    <a class="next" href="{{ $paginator.Next.URL | absURL }}">{{ i18n "next_page" }} »</a>
    {{- end }}
  </nav>
</footer>
{{- end }}

{{- end }}{{- /* end main */ -}}

I am using the PaperModX theme

4

The code you posted shows that you are rendering .Content as you range through the pages.

Your shortcode is part of .Content.

5

Could I add Clappr as a partial and add it before content?

Sorry, if it’s wrong, I don’t have a lot of experience with websites.

6

If you want the video to appear above the page listing, then yes, stuff it into a partial, and call the partial before you range through the pages.