Git Product home page Git Product logo

sricharankrishnan / click-image-play-youtube-video Goto Github PK

View Code? Open in Web Editor NEW
23.0 2.0 9.0 26.31 MB

Jquery based plugin to help render and play youtube embed videos on an modal/overlay in your web apps. Responsive build.

Home Page: https://sricharankrishnan.github.io/click-image-play-youtube-video/

License: MIT License

CSS 1.14% HTML 6.48% JavaScript 9.22% Ruby 0.37% SCSS 82.79%
jquery youtube-video data-attribute-html iframe-embeds play-youtube-videos autoplay onclick-event trigger jekyll jekyll-website

click-image-play-youtube-video's People

Contributors

dependabot[bot] avatar sricharankrishnan 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

Watchers

 avatar  avatar

click-image-play-youtube-video's Issues

Stop & Close Video When Clicking Outside Iframe

Not an issue, but I am trying to make it so the video will close and stop playing when the user clicks outside of the iframe.

Like it is Here

I have zero experience with jQuery, and I don't know if you even want this to be a feature.

I currently am just using javascript to detect mouse clicks not on the video element and then I am calling closeVideoOverlay(), but the video is still playing and I can't figure out how to do so.

Connection refused when try watch the video

Hey, I need a little help:

I am making a website in Wordpress, and using your plugin, but when I click to watch the video I have the message: The connection to www.youtube.com was refused. .

Before I make the theme, I create everything in HTML and CSS, that way I can work faster, and when was just this way I could open the videos, but now it Wordpress I can't. Do you have any ideia of why this happend?

I am making the website in localhost, but used to work fine until I put the Wordpress. I have one online version, but just with the HTML and CSS.

Wordpress Version: 5.3.2
jQuery Version: 3.4.1

Close icon not resized

Everything about this is amazing. Thanks for making it.

The only issue I had once it was set up was the X icon to close was huge. I have bootstrap set up so it should have been resized but it wasn't.

I set width of the close icon:

/* .closeIcon img { width: 100%; height: auto; } */

And display flex to the .videoPlayerOverlay .closeIcon.

That fixed it for me.

x

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.