Giter Site home page Giter Site logo

kirby-embed's People

Contributors

sylvainjule avatar tristantbg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

kirby-embed's Issues

Twitter won't sync

URLs for tweets no longer sync. Have tested with multiple types of public tweets using Kirby 3.5.1 and Embed 1.0.1. Other services such as Vimeo and YouTube work as expected.

Screen Shot 2021-02-05 at 11 51 10

Sync error when trying to embed private Vimeo video

I ran into an issue with my own Vimeo panel-implementation and learnt about your plugin. It looks really great but it seems to have the same issue as mine in regards to private Vimeo videos:

When trying to embed a private video from Vimeo (hidden from Vimeo but safelisted for a specific domain) the plugin throws a sync error. The video is however embeddable on the front-end as expected, the domains are the same. I therefor assume that the panel gets in the way, somehow blocking the necessary referrer.

Do you have any idea what might be the cause and how to circumvent it?

Feature idea: option for a bigger preview

Issue:
Video previews are quite small, at least for Youtube, because they use the iframe in 'code' which is only 200 pixels wide. Sometimes a bigger preview is more practical to check easily if the correct video is added.

Suggestion:
A "cover" option could force a bigger preview size, while keeping the correct aspect ratio for any video.

My workaround:
For my needs I was able to achieve this in panel.css, as I only needed a single aspect-ratio:

.k-field-name-video_presentation .preview-content {
  padding: 0;
}
.k-field-name-video_presentation .preview-content iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

Result with my panel.css:

image

Youtube privacy consent information as media content

When entering a video URL in the panel – instead of actual video data – the plugin stores Youtube's privacy consent information as media content:

----

Youtube:

input: >
  https://www.youtube.com/watch?v=ev-00si0KhM
media:
  title: Bevor Sie zu YouTube weitergehen
  description: null
  url: 'https://consent.youtube.com/ml?continue=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dev-00si0KhM&gl=DE&hl=de&pc=yt&uxe=23983172&src=1'
  type: link
  tags: [ ]
  image: null
  imageWidth: null
  imageHeight: null
  images: [ ]
  code: null
  feeds: [ ]
  width: null
  height: null
  aspectRatio: null
  authorName: null
  authorUrl: null
  providerIcon: https://www.google.com/favicon.ico
  providerIcons:
    - 
      url: https://www.google.com/favicon.ico
      width: 32
      height: 32
      size: 1024
      mime: image/x-icon
  providerName: youtube
  providerUrl: https://youtube.com
  publishedTime: null
  license: null

----

It seems to be this page that's being parsed which is currently shown when visiting Youtube for the first time from Germany (not sure about other parts of the world):

grafik

The panel displays a sync failed message:

grafik

Video doesn't synchronize on php 8.2

Hey 👋

When I try to synchronize videos (Youtube & Vimeo) when using php 8.2 the synchronization fails.

Any idea what I can do to make it work ?

Check for empty embed field

Hello Sylvain,
i am not sure if this is really a classic issue, but i didn't know how else i could get in touch.
When i enter an url in an embed field and save it, and then delete the url again, the field is not completely empty. There remains an emtpy input and media info.
With this, i cannot check if the field is "->isNotEmpty()", because for kirby there is always a value in there.
Is there a way around this?
Greetings and thanks for the wonderful plugin,
Matthias

Storing field from the frontend

I am trying to use the field from the frontend, but I have the feeling this will not work? it appears that even if i set the input varibale somehow (right now i am doing it by hand before i update my forms) the plugin wont work unless media: [ ] is also populated? which would mean to code the plugin again for the frontend, if i understand correctly?

is there a way aorund this? could I save the URL via frontend form and then with some hook make the plugin retrieve all the info that it needs?

Sync failed

I am getting a sync failed red message on the field when trying to fetch from the url I provide to it.

Any particular reason this may be happening ?

Thank you

Instagram embed not working

hello,

i have tested all services and all of them work fine, but instagram is just not working.

the console somehow throws no errors.

grafik

I have tried removing some parts of the URL as well but no success.

https://www.instagram.com/p/Cca_3DKLZwz/?utm_source=ig_web_copy_link
(desktop link)

https://www.instagram.com/p/Cca_3DKLZwz
(removed the variables)

https://www.instagram.com/p/Cca_3DKLZwz/?igshid=YmMyMTA2M2Y=
(insta app link)

I am using kirby 3.8.1 (security update) and php 8.0.18 on the live server. on my MAMP twitter didnt work either, but on the live server it does, so not really worth mentioning it.

any help is appreciated! instagram would be an important one for our project :)

Preview does not update when used within Structure field

videos:
  type: structure
  fields:
    name:
      type: text
    video:
      type: embed

When using the arrows to navigating through a structure field in the panel, the video preview does not update to show the correct video despite the URL in the field changing.

Sync failed

Hello,
I’m relatively new to kirby and php, so excuse my perhaps simple question/problem
I'm trying to use the plugin, but I get a sync failed error when pasting a link into the panel. When I open the dev tools it says GET http://localhost:8000/api/kirby-embed/get-data?url=https://www.youtube.com/watch?v=BHvtkTeMia8 400 (Bad Request) which suggests that there may be an issue with the YouTube API key being used by the plugin. Also, I get the following error message {status: ‘error’, error: ‘Creation of dynamic property Embed\Adapters\Youtube::$url is deprecated’}

So far I only installed the plugin, included it in the blueprint

        fields:
          embed:
            label: Video & Audio
            type: embed
            width: 1/2

this is in the php, but I believe that's not where things go wrong, since even if delete that part I still get an error message in the backend

                    <?php 
                    if($embed = $item->embed()->toEmbed()) {
                        echo $embed->code();
                    } ?>
                    <p><?= $item->embed()->titel() ?></p>

thank you for helping!

AspectRatio always returns "56.5"

When I call $myvideo->aspectRatio(), the result is always exactly 56.5 for Youtube videos, and 56.338 for Vimeo, whatever the real aspect ratio is.
Typical result should be something like 1.333 or 1.78.

I tested with Kirby 3.6 and 3.8, with Embed's latest version.

Workaround:
For now I use $myvideo->width()->value() / $myvideo->height()->value() to calculate a proper aspect ratio.

Plugin stopped working at Strato

Dear Sylvain,
i have used your very helpful plugin for a website that is hosted on Strato (https://www.strato.de) and for reasons i cannot comprehend, it stopped working. I can paste a vimeo Url into the field, but nothing happens and if save the page then, the embed-field disappears after reloading the panel page.

Since this came to light while updating the kirby version from 3.9.8.1 to 4.1.1 i was wondering if that would be the issue, but i have not being able to make the plugin work with older kirby versions.

I tested the setup (kirby starterkit with the embed plugin) on my own server (Hetzner) and it worked fine with kirby 3.9 and 4.1.1. So the reason seems to be located in a difference between the 2 hoster.

The only real difference and infos that i have are these:
php versions: Hetzner (working): 8.2.16 / Strato (not working) 8.2.15
If i use on Strato kirby v4.1.1 there is no error message when i paste a vimeo URL (for example: https://vimeo.com/224201603) and nothing changes. If i save the page then and reload, the Embed field is gone.
If i use kirby 3.9.8.1 i get an error while pasting the Url: this.isValidUrl is not a function

Other than that, i am pretty unsure what causes the problem... Have you heard anything about this?
I would be happy to use the plugin on the website :)

Greetings,
Matthias

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.