Skip to content
This repository has been archived by the owner on Apr 20, 2023. It is now read-only.

How do you transform video title? #125

Closed
dodozhang21 opened this issue Jun 10, 2016 · 1 comment
Closed

How do you transform video title? #125

dodozhang21 opened this issue Jun 10, 2016 · 1 comment

Comments

@dodozhang21
Copy link
Contributor

dodozhang21 commented Jun 10, 2016

I don't understand how I can produce the following with video transform rule. How come there is no documentation on how to use the video rule? I didn't find any tests for it either.

<figure>
  <video>
    <source src="http://mydomain.com/path/to/video.mp4" type="video/mp4" />  
  </video>
  <figcaption class="op-vertical-below">
    <h1>Video 1 Title</h1>
  </figcaption>
  <cite>
    Attribution Source
  </cite>
</figure>
@dodozhang21
Copy link
Contributor Author

I figured this out. Adding the caption rule before the video rule worked for me.


    {
      "class": "CaptionRule",
      "selector": "figcaption",
      "properties": {
        "op-medium": {
          "type": "exists",
          "selector": "figcaption.op-medium"
        },
        "op-large": {
          "type": "exists",
          "selector": "figcaption.op-large"
        },
        "op-extra-large": {
          "type": "exists",
          "selector": "figcaption.op-extra-large"
        },
        "op-left": {
          "type": "exists",
          "selector": "figcaption.op-left"
        },
        "op-center": {
          "type": "exists",
          "selector": "figcaption.op-center"
        },
        "op-right": {
          "type": "exists",
          "selector": "figcaption.op-right"
        },
        "op-vertical-below": {
          "type": "exists",
          "selector": "figcaption.op-vertical-below"
        },
        "op-vertical-center": {
          "type": "exists",
          "selector": "figcaption.op-vertical-center"
        },
        "op-vertical-above": {
          "type": "exists",
          "selector": "figcaption.op-vertical-above"
        }
      }
    },

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant