Video Plays Twice, at the Same Time

[cmerdctech]

I installed videoplayer 0.0.6 in NodeBB v1.0.0. It works but has a weird behavior.

When I click on the video to play, it starts playing but, also, a bar appears at the bottom of the screen. It has a tiny video that also starts playing.

I can remove the bottom bar with it's red close X. I can also turn off either of the copies of the video with the corresponding pause button.

I can find no control panel. I don't know how to fix this.

Thanks for you help.

[cmerdctech]

No reply, so I hacked. FYI...

This program had two awful problems but otherwise worked.

1) It created a second copy of the player at the bottom of the screen and then played it at the same time as the main one in a post.

2) It showed a big, weird red box with some german text above the main player.

I edited the system to fix these things. Here are the changes:

1) In static/js.js, I commented out line 35

// $( "#videoplayerBox" ).html(html);

2) In library.js, I removed the html that showed the red box.

<a class="btn btn-danger" href="#"><i class="fa fa-play fa-lg"></i> im Videoplayer öffnen </a>

That is, four lines that looked like:

embed += ' <div class="videoContBox" data-src="$1" data-type="video/ogg" data-codec="theora, vorbis" ><a class="btn btn-danger" href="#"><i class="fa fa-play fa-lg"></i> im Videoplayer öffnen </a>';

Changed to this:

embed += ' <div class="videoContBox" data-src="$1" data-type="video/ogg" data-codec="theora, vorbis" >';

4) The video player container had a weird blue background showing above and below the main player after I removed the red thing. In the file static/style.css, I revised the definition of the .vplayer class. First to remove the weird background (and who uses !important any more?) and, second, to add border to delineate the video better.

.vplayer  {
    #  background-color: rgba(0, 255, 255, 0.2) !important; 

    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.33);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.33);
    border:1pt solid #666;
}

[ogerly]

thanks, I'll Show me the next day and adapt.