Skip to content

hiding div to allow playing/showing the video#3188

Merged
tdipisa merged 2 commits intogeosolutions-it:masterfrom
baloola:embeded_video
Sep 27, 2018
Merged

hiding div to allow playing/showing the video#3188
tdipisa merged 2 commits intogeosolutions-it:masterfrom
baloola:embeded_video

Conversation

@baloola
Copy link
Copy Markdown
Contributor

@baloola baloola commented Sep 10, 2018

Description

the embedded video does not show / play on click, this is because a div

Issues

Please check if the PR fulfills these requirements

What kind of change does this PR introduce? (check one with "x", remove the others)

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Other... Please describe:

What is the current behavior? (You can also link to an open issue here)
when embedding a video in the detail sheet you cannot click on the thumbnail and play the video.

What is the new behavior?
the video can be played

Does this PR introduce a breaking change? (check one with "x", remove the other)

  • Yes
  • No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:

@coveralls
Copy link
Copy Markdown

Coverage Status

Coverage increased (+0.0009%) to 80.914% when pulling 8b5da35 on baloola:embeded_video into b2f3cc2 on geosolutions-it:master.

iframe.setAttribute('height', height);
let overlay = document.createElement('DIV');
overlay.setAttribute('class', 'ms-quill-iframe');
overlay.style.display = 'none';
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Where is the overlay displayed again?

Copy link
Copy Markdown
Contributor Author

@baloola baloola Sep 11, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The overly (div) is rendered on top of the video, so the user cannot click to play the video. It is a different behavior than what @offtherailz have described, but could be related

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

... with this change is created not visible. Is there any piece of code that makes this div visible? I cannot find it

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Setting display to hidden makes the div non-interactive, so the user cannot click on it. but it can be selected by its ID or class. As I understand, that is the purpose of the div( resize the div and hence the iframe)

Copy link
Copy Markdown
Member

@tdipisa tdipisa left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@baloola, this needs a PR to be backported to the stable branch 2018.02.xx too.
This needs to be done before the merge.

@tdipisa tdipisa merged commit a7c9e66 into geosolutions-it:master Sep 27, 2018
offtherailz added a commit that referenced this pull request Oct 4, 2018
tdipisa pushed a commit that referenced this pull request Oct 4, 2018
* Revert "Removes console logs from browser from karma testing output (#3207)"

This reverts commit 264ef58.

* Revert "Fix #3209 show/hide title translations in layer settings (#3210)"

This reverts commit 415e63d.

* Revert "Fixes #2669: use https version of geosolutions maven repo (#3182)"

This reverts commit dc4084c.

* Revert "Automatic definition of proj codes from configuration in OpenLayers maps (#3133)"

This reverts commit 70ee3b9.

* Revert "Fix #3192 setting the default layer as object (#3199)"

This reverts commit fe50170.

* Revert "Fix #2298 de-DE translation fix (#3205)"

This reverts commit e39348a.

* Revert "hiding div to allow playing/showing the video (#3188)"

This reverts commit a7c9e66.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Embed functionality conflicts with video embedding

4 participants