Okay
  Public Ticket #1418501
Video Stop on Close
Closed

Comments

  • barryfisch started the conversation

    Hello, 

    Great Job on the Plugin. I have read the documentation but have a few questions. I'm embedding Youtube and Vimeo videos in the Modal. 


    1. On Modal "Close", how do I stop the video? You can still hear it playing in the background. 

    2. The video is extremely small at 480px. I've put in a larger width but it really doesn't affect the overall size of the video. How may I make it pop-up larger?

    3. I'm using a custom Modal background color. I'm managed to change the button color, though it changes back when I press play, but cannot find the place to change the modal background color. 

    Thank You!
    Josh - 

    Attached files:  Capture.PNG

  • barryfisch replied

    Forgive me but I have more issue. When I add a link for the Modal it shows my mouse cursor as a text icon instead of the normal "Hand" icon you usually see in links. How should I fix this?


    Josh - 

  •  54
    Andrew replied

    Hi barryfisch,

    Apology for replying too late.

    Please find answer/solutions of your doubts : 

    1. On Modal "Close", how do I stop the video? You can still hear it playing in the background. 

    1A. Please find attached js files and replace them with yours. we will update that in future update.

    2. The video is extremely small at 480px. I've put in a larger width but it really doesn't affect the overall size of the video. How may I make it pop-up larger?

    2A. You can use width option to make modal(pop-up) width larger and use videoWidth videoHeight for video height and width.  

    3. I'm using a custom Modal background color. I'm managed to change the button color, though it changes back when I press play, but cannot find the place to change the modal background color. 

    3A. customModalColor option will change pop up background color and customOverlayColor option will change overlay color.

    Q. When I add a link for the Modal it shows my mouse cursor as a text icon instead of the normal "Hand" icon you usually see in links. How should I fix this?

    A. Can you please give me a demo link for this?I'm getting 'hand' cursor on my links of replete modal.

    Let me know if you still have any concern.

    Cheers

    Attached files:  replete-modal.min.js
      replete-modal.js

  • barryfisch replied

    Thank you for the fix. The .js files worked perfectly. 


    Here is a short video of the icon issue. Screen captures will not capture the mouse so I had to do a video. 



    Attached files:  2018-01-05_12-29-53.mp4

  •  54
    Andrew replied

    Hey barryfisch,

    Glad to see you happy for that fix.

    For link cursor thing, You have to add little css code. Add below code to your css file.

    a {
         cursor: pointer;
    }

    You can add it to replete modal css or your template's css.

    Let me know how it work with you.

    Cheers,