Code Monkey home page Code Monkey logo

jonnitto.plyr's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar gerhard-boden avatar jonnitto avatar kdambekalns avatar markusguenther avatar networkteam-lange avatar pmaas avatar rolandschuetz avatar tbrodard avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

jonnitto.plyr's Issues

Fusion <-> TypoScript in v0.2.6

There is an error in the Tag.ts2:
@exceptionHandler = 'TYPO3\\Neos\\**Fusion**\\ExceptionHandlers\\NodeWrappingHandler'
it have to be:
@exceptionHandler = 'TYPO3\\Neos\\**TypoScript**\\ExceptionHandlers\\NodeWrappingHandler'

rel and showinfo on YouTube no longer working (as expected)

When using YouTube, the iframe embed URL contains rel=0 and showinfo=0. Both parameters have changed in September 2018. showinfo is no longer supported at all and rel=0 simply changes what related videos are shown (instead of hiding them).

See https://developers.google.com/youtube/player_parameters

I guess those parameters should be removed from the embed URL (at least showinfo, rel still has some effect.)

What's more, this makes the display look a little funky and impacts UX. Given a configuration where only play/pause are enabled, the player looks like this after loading:

after-loading

While playing, it looks fine:

while-playing

But when paused, this is shown:

when-paused

(And similar after activating and starting the video.)

Now, since there is an overlay (which toggles play/pause when clicking), none of the visible controls are usable. Dang.

Custom controls via settings not (easily) possible

Describe the bug

Plyr controls cannot be changed as expected.

To Reproduce

Jonnitto:
  Plyr:
    options:
      # hacky solution to override the defaults - "shortening" lists in YAML is not possible
      controls: ['play']

Expected behavior

Only the play control is used.

** Actual behavior**

As can be seen with ./flow configuration:show --type Settings --path Jonnitto.Plyr.options.controls the play is added to the defaults. Thus all default controls are shown.

Workaround

Jonnitto:
  Plyr:
    options:
      # hacky solution to override the defaults - "shortening" lists in YAML is not possible
      controls: [null, 'play', null, null, null, null, null, null, null, null, null]

The trick is to use as many null entries as there are default entries in the list. See https://discuss.neos.io/t/how-to-replace-an-array-in-settings-yaml/296 for more on this (from 2015!)

Media References do not work

When I add a video File at the inspector I get a success message. Right after the page reload when "apply" was clicked this huge Error 500.
After that there is no file referenced in the inspector anymore. It does work with image.
Even more remarkable is, that the video is rendered in frontend.

Tested on 2 different servers and different setups. Both Neos 3.1. One of them was fresh out of the box.

Exception while property mapping for target type "array", at property path "0": It is not allowed to map property "__initializer__".It is not allowed to map property "__initializer__".
You need to use $propertyMappingConfiguration->allowProperties('__initializer__') to enable mapping of this property.Exception Code1297759968Exception TypeNeos\Flow\Property\ExceptionLog Reference20170608161011564e18Thrown in FileData/Temporary/Development/Cache/Code/Flow_Object_Classes/Neos_Flow_Property_PropertyMapper.phpLine129Original FilePackages/Framework/Neos.Flow/Classes/Property/PropertyMapper.php
Nested ExceptionYou need to use $propertyMappingConfiguration->allowProperties('__initializer__') to enable mapping of this property.Exception Code1335969887Exception TypeNeos\Flow\Property\Exception\InvalidPropertyMappingConfigurationExceptionLog Reference20170608161011b3769aThrown in FileData/Temporary/Development/Cache/Code/Flow_Object_Classes/Neos_Flow_Property_PropertyMapper.phpLine186Original FilePackages/Framework/Neos.Flow/Classes/Property/PropertyMapper.php

bildschirmfoto 2017-06-08 um 16 08 57

Lightbox

Is your feature request related to a problem? Please describe.
Redactor don't understand why Youtube videos can be played in a lightbox (through https://github.com/jonnitto/Jonnitto.PrettyEmbedYoutube) and not for .mp4 videos

Describe the solution you'd like
The same option "Open Video in a Lightbox", as for PrettyEmbedYoutube

Describe alternatives you've considered

Additional context
... ready to sponsor this feature, please DM on Slack !

Video captions are not visible

Describe the bug
If I place one or more .vtt files as an asset, the caption button is not visible.

To Reproduce
Steps to reproduce the behavior:

  1. Add a .vtt caption file

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.