improve opengraph to video

2019-04-11 21:29:35 -05:00 · 2019-04-11 21:29:35 -05:00 · 83d7c94539
commit 83d7c94539
parent 74a0016cab
22 changed files with 38 additions and 9 deletions
--- a/content/articles/citizenfour.md
+++ b/content/articles/citizenfour.md
@ -1,9 +1,10 @@
 Author: Jesús E.
 Category: Cine
 Date: 2018-09-25 11:05
-Lang: es
-Slug: citizenfour
 Image: 2018/09/documental-snowden.jpg
+Lang: es
+Og_video: https://archive.org/download/libreweb/citizenfour-spanish.webm
+Slug: citizenfour
 Tags: snowden, citizenfour, libertad
 Time: 1:48:40
 Title: Citizenfour
--- a/content/articles/como-generar-freakspot.md
+++ b/content/articles/como-generar-freakspot.md
@ -3,6 +3,7 @@ Category: Desarrollo web
 Date: 2018-02-15 08:08
 Image: 2017/12/como-generar-freakspot.jpg
 Lang: es
+Og_video: https://archive.org/download/libreweb/freakspot.webm
 Slug: como-generar-freakspot
 Status: published
 Tags: educación, GNU/Linux, Pelican, Python, software libre, tutorial, video
--- a/content/articles/course-html5/codificacion.md
+++ b/content/articles/course-html5/codificacion.md
@ -3,6 +3,7 @@ Category: courses
 Date: 2019-03-25 12:11
 Image: 2019/03/codificacion-html5.jpg
 Lang: es
+Og_video: https://archive.org/download/coursehtml5/0004-Codificacion.webm
 Slug: html5-codificacion
 Tags: html
 Time: 16:28
--- a/content/articles/course-html5/etiqueta-a.md
+++ b/content/articles/course-html5/etiqueta-a.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-04-09 10:40
 Image: 2019/04/etiqueta-a.jpg
+Og_video: https://archive.org/download/coursehtml5/0009-Etiqueta-a.webm
 Slug: etiqueta-a
 Tags: html5,video
 Time: 03:23
--- a/content/articles/course-html5/etiqueta-article.md
+++ b/content/articles/course-html5/etiqueta-article.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-04-09 12:23:54
 Image: 2019/04/etiqueta-article.jpg
+Og_video: https://archive.org/download/coursehtml5/0013-article.webm
 Slug: etiqueta-article
 Tags: html
 Time: 3:43
--- a/content/articles/course-html5/etiqueta-aside.md
+++ b/content/articles/course-html5/etiqueta-aside.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-04-10 13:10:01
 Image: 2019/04/aside-html5.jpg
+Og_video: https://archive.org/download/coursehtml5/0014-aside.webm
 Slug: etiqueta-aside
 Tags: html5
 Time: 5:55
--- a/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
+++ b/content/articles/course-html5/etiqueta-nav-ul-ol-li.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-03-25 18:44
 Image: 2019/03/nav-ul-ol-li.jpg
+Og_video: https://archive.org/download/coursehtml5/0008-nav-ul-ol-li.webm
 Slug: etiqueta-nav-ul-ol-li
 Tags: html
 Time: 08:20
--- a/content/articles/course-html5/etiqueta-section.md
+++ b/content/articles/course-html5/etiqueta-section.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-04-09 12:11:46
 Image: 2019/04/etiqueta-section.jpg
+Og_video: https://archive.org/download/coursehtml5/0012-section.webm
 Slug: etiqueta-section
 Tags: html
 Time: 2:42
--- a/content/articles/course-html5/etiquetas-p-y-span.md
+++ b/content/articles/course-html5/etiquetas-p-y-span.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-04-09 11:12:18
 Image: 2019/04/etiquetas-span-p.jpg
+Og_video: https://archive.org/download/coursehtml5/0010-Etiquetas-p-span.webm
 Slug: etiquetas-p-span
 Tags: html
 Time: 03:14
--- a/content/articles/course-html5/etiquetas-strong-y-em.md
+++ b/content/articles/course-html5/etiquetas-strong-y-em.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: course
 Date: 2019-04-09 11:30:00
 Image: 2019/04/etiquetas-strong-em.jpg
+Og_video: https://archive.org/download/coursehtml5/0011-Etiquetas-strong-em.webm
 Slug: etiquetas-strong-em
 Tags: hml
 Time: 02:16
--- a/content/articles/course-html5/header.md
+++ b/content/articles/course-html5/header.md
@ -3,6 +3,7 @@ Category: courses
 Date: 2019-03-25 12:12
 Image: 2019/03/header-html5.jpg
 Lang: es
+Og_video: https://archive.org/download/coursehtml5/0005-header.webm
 Slug: html5-header
 Tags: html
 Time: 05:37
--- a/content/articles/course-html5/hgroup.md
+++ b/content/articles/course-html5/hgroup.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-03-25 18:16
 Image: 2019/03/hgroup-html5.jpg
+Og_video: https://archive.org/download/coursehtml5/0007-hgroup.webm
 Slug: html5-hgroup
 Tags: html
 Time: 03:19
--- a/content/articles/course-html5/intro.md
+++ b/content/articles/course-html5/intro.md
@ -3,6 +3,7 @@ Category: courses
 Date: 2019-03-25 11:06
 Image: 2019/03/intro-html5.jpg
 Lang: es
+Og_video: https://archive.org/download/coursehtml5/0001-Introduccion.webm
 Slug: html5-intro
 Tags: html
 Time: 09:16
--- a/content/articles/course-html5/nuevas-etiquetas.md
+++ b/content/articles/course-html5/nuevas-etiquetas.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-03-25 11:07
 Image: 2019/03/nuevas-etiquetas.jpg
+Og_video: https://archive.org/download/coursehtml5/0002-nuevas-etiquetas.webm
 Slug: html5-etiquetas
 Tags: html
 Time: 2:36
--- a/content/articles/course-html5/sintaxis-html5.md
+++ b/content/articles/course-html5/sintaxis-html5.md
@ -3,6 +3,7 @@ Category: courses
 Date: 2019-03-25 11:09
 Image: 2019/03/sintaxis-html5.jpg
 Lang: es
+Og_video: https://archive.org/download/coursehtml5/0003-Sintaxis-HTML5.webm
 Slug: html5-sintaxis
 Tags: html
 Time: 09:57
--- a/content/articles/course-html5/titulos.md
+++ b/content/articles/course-html5/titulos.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: courses
 Date: 2019-03-25 17:59
 Image: 2019/03/titulos-html5.jpg
+Og_video: https://archive.org/download/coursehtml5/0006-h1-h2-h3-h4-h5-h6.webm
 Slug: html5-titulos
 Tags: html
 Time: 07:55
--- a/content/articles/locutus-de-gnu.md
+++ b/content/articles/locutus-de-gnu.md
@ -4,6 +4,7 @@ Date: 2017-02-01 00:03
 Image: 2017/02/locutus-gnu.jpg
 Lang: es
 Modified: 2019-02-10 12:23
+Og_video: https://archive.org/download/libreweb/locutus.webm
 Slug: locutus-de-gnu
 Status: published
 Tags: GNU/Linux, gracioso, humor, software libre, software privativo, Star Trek, video
--- a/content/articles/prompt-avanzado.md
+++ b/content/articles/prompt-avanzado.md
@ -3,6 +3,7 @@ Category: GNU/Linux
 Date: 2017-12-05 11:34
 Modified: 2019-02-06 11:34
 Image: 2017/12/prompt-avanzado.jpg
+Og_video: https://archive.org/download/libreweb/0001-15599.webm
 Slug: prompt-avanzado
 Tags: bash, hyperbash, shell
 Time: 08:39
--- a/content/articles/rms-en-dominio-digital.md
+++ b/content/articles/rms-en-dominio-digital.md
@ -2,6 +2,7 @@ Author: Jesús E.
 Category: Opinión
 Date: 2018-06-09 10:07
 Image: 2018/06/rms-dominio-digital.jpg
+Og_video: https://archive.org/download/libreweb/StallmanenDominioDigital.webm
 Slug: rms-en-dominio-digital
 Tags: GNU/Linux
 Time: 56:07
--- a/content/articles/sin-parar.md
+++ b/content/articles/sin-parar.md
@ -4,13 +4,14 @@ Date: 2017-07-16 12:15
 Image: 2017/07/sin-parar.jpg
 Lang: es
 Modified: 2019-02-10 11:46:44
+Og_video: https://archive.org/download/libreweb/sin-parar.webm
 Slug: sin-parar
 Tags: capitalismo, ciencia, cortometraje, cultura libre, educación, sistema, video
 Time: 07:28
 Title: Sin parar

 <video id="player-ply" playsinline controls poster="{static}/wp-content/uploads/article/images/2017/07/video-poster-sin-parar.png">
-  <source src="https://archive.org/download/libreweb/sin_parar.webm" type="video/webm">
+  <source src="https://archive.org/download/libreweb/sin-parar.webm" type="video/webm">
 </video>

 # Sin parar
--- a/libretube-theme/templates/article.html
+++ b/libretube-theme/templates/article.html
@ -18,9 +18,9 @@
        {{ translations.entry_hreflang(article) }}
    {% endif %}
    <meta property="og:title" content="{{ article.title }}">
-    <meta property="og:type" content="article">
+    <meta property="og:type" content="video.movie">
    <meta property="og:url" content="{{ SITEURL }}/{{ article.url }}">
-    <meta property="article:published_time" content="{{ article.date.isoformat() }}">
+    <meta property="video:release_date" content="{{ article.date.isoformat() }}">
    {% if article.modified %}
        <meta property="article:modified_time" content="{{ article.modified.isoformat() }}">
    {% endif %}
@ -35,13 +35,22 @@
        {% endif %}
    {% endif %}
    <meta property="og:description" content="{{ article.summary|striptags|escape }}"/>
-    {% if article.og_image %}
-        <meta property="og:image" content="{{ SITEURL }}/{{ article.og_image }}"/>
+    {% if article.image %}
+        <meta property="og:image" content="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/../wp-content/uploads/article/poster/{{ article.image }}"/>
    {% elif OPEN_GRAPH_IMAGE %}
        <meta property="og:image" content="{{ SITEURL }}/{{ OPEN_GRAPH_IMAGE }}"/>
    {% endif %}
+    <!-- videograph -->
+    {% if article.og_video %}
+        <meta property="og:video" content="{{ article.og_video }}">
+        <meta property="og:video:secure_url" content="{{ article.og_video }}">
+        <meta property="og:video:type" content="video/webm">
+        <meta property="og:video:width" content="400">
+        <meta property="og:video:height" content="300">
+    {% endif %}
+    <!-- /videograph -->
    {% for tag in article.tags %}
-        <meta property="og:tag" content="{{ tag | escape }}">
+        <meta property="og:video:tag" content="{{ tag | escape }}">
    {% endfor %}

    {% if article.styles %}
--- a/libretube-theme/templates/base.html
+++ b/libretube-theme/templates/base.html
@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock %}">
-    <head prefix="og: http://ogp.me/ns# {% if article %}article: http://ogp.me/ns/article#{% endif%}">
+    <head prefix="og: http://ogp.me/ns# {% if article %}article: http://ogp.me/ns/video#{% endif%}">
        {% block head %}
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">