Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. H

    JavaScript Where should const playerManager be placed within the js code?

    Code Edit fiddle - JSFiddle - Code Playground Where should I place this function within the javascript? const playerManager = (function makePlayerManager() { function removePlayer() { videoPlayer.players.forEach(function(player) { const playerElement = player.getIframe(); if (playerElement) {...
  2. H

    JavaScript Transition doesn’t cease after clicking the close button

    Fixed: I forgot to do: Edit fiddle - JSFiddle - Code Playground .curtainB.hide{ display:none; }
  3. H

    JavaScript Transition doesn’t cease after clicking the close button

    Click on one of the blue buttons 2 times. The same button. Clicking the close button should keep the curtain removed. Edit fiddle - JSFiddle - Code Playground You will notice that, the curtain is still going up when clicked on a 2nd time. What am I doing wrong or forgetting to do? I am...
  4. H

    How does this become a square instead of a circle?

    How do I change this image to be a square? Edit fiddle - JSFiddle - Code Playground .curtain:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: blue; -webkit-mask-image: radial-gradient(circle, transparent 0% 35%, black 35%); mask-image...
  5. H

    How do I have videos fade in on the screen instead of popping up?

    Here is an example code: Edit fiddle - JSFiddle - Code Playground How would you fade that youtube video in using transition? <div class="wrap hide"> <div class="video video-frame"></div> </div>
  6. H

    How do I have videos fade in on the screen instead of popping up?

    What do you see?
  7. H

    How do I have videos fade in on the screen instead of popping up?

    Try this one: Edit fiddle - JSFiddle - Code Playground Click the first 2 exit buttons, I am trying to have those videos fade in.
  8. H

    How do I have videos fade in on the screen instead of popping up?

    Click the first 2 exit buttons you see on the screen: Edit fiddle - JSFiddle - Code Playground Where you are taken to this screen: When you get to there, instead of the videos just popping up, how do you have them fade in?
  9. H

    JavaScript Trying to fix: player.getPlayerState is not a function

    First click the exit button where you get up to the screen where it says: ButtonA ButtonB ButtonC Code 1) https://jsfiddle.net/fw061qkL/2/ Uses this: function removePlayer() { videoPlayer.players.forEach(function(player) { // Check if the player is currently playing a video const...
  10. H

    JavaScript Trying to have the X button work

    I am going to hold off working on this.
  11. H

    JavaScript Trying to have the X button work

    Last attempt: Edit fiddle - JSFiddle - Code Playground const manageUI = (function makeManageUI() { function exitClickHandler(event) { // Your code here. For example: console.log("Exit button clicked!"); } function addClickToExit(exitButtons) { exitButtons.forEach(function...
  12. H

    JavaScript Trying to have the X button work

    Play a video in this code: Edit fiddle - JSFiddle - Code Playground Then click the exit button. removePlayer does not apper in the console log. function removePlayer(wrapper) { wrapper.player.destroy(); delete wrapper.player; console.log("removePlayer"); }
  13. H

    JavaScript Trying to have the X button work

    I am trying to implement the same functionality in here: Code I am Working On: Edit fiddle - JSFiddle - Code Playground
  14. H

    JavaScript Trying to have the X button work

    Exactly how it works in the working code here: Edit fiddle - JSFiddle - Code Playground In the above console log, when a video is playing, click the exit button, it says remove player. What is used in there: Code I am working on: Edit fiddle - JSFiddle - Code Playground Clicking the exit...
  15. H

    JavaScript Trying to have the X button work

    Working Code: Edit fiddle - JSFiddle - Code Playground Where remove player works. In the working code, After you click a button, play a video, then click the exit button where it is destroyed. At this code here is my last working code where all videos are visible on the screen: Code I am...
  16. H

    JavaScript Trying to have the X button work

    Look at how it is implemented in the working code: Edit fiddle - JSFiddle - Code Playground This doesn't seem right, my attempt. https://jsfiddle.net/60cguhr3/3/ function removePlayerHandler(evt) { const el = evt.target; const wrapper = document.querySelector(".wrap"); if...
  17. H

    JavaScript Trying to have the X button work

    MilesWeb gave me instructions, I tried to follow them here: Edit fiddle - JSFiddle - Code Playground I don't think I understand how to implement them in the code. I am trying to implement it as close to the working code: Edit fiddle - JSFiddle - Code Playground How the remove player is...
  18. H

    JavaScript Trying to have the X button work

    Working Code: Edit fiddle - JSFiddle - Code Playground In the code below, I was trying to remove at least one player, then I could figure out how to do the others. I am trying to have this part work in the code: Code I am working on: Edit fiddle - JSFiddle - Code Playground I am thinking it...
  19. H

    Answered There’s a lateral movement when the vertical scrollbar is activated

    Where would scrollbar-gutter: stable; be placed in the code?
  20. H

    Answered There’s a lateral movement when the vertical scrollbar is activated

    code: Edit fiddle - JSFiddle - Code Playground How do I prevent slight shift sideways when the vertical scrollbar kicks in? 1st: Launch the code snippet in full screen mode. Next: Click the exit button that fades in to see the shift occur. How do I keep everything aligned at all times...

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom