Plots2: Video media not playing on the site: Continuing issues with Bucket Monitor Toxic Tours page

[kgradow1]

https://publiclab.org/notes/A_SCH/11-08-2020/draft?_=1604861928#

Hi all, Annie Schillo posted this bug awhile ago and I am checking up on it.

This page is supposed to host four separate “toxic tour videos,” but they are not appearing. When we try to create a new page, we are unable to post or link videos. Can you let me know the status of this fix? It’s been down for probably a month or so and we are eager to start doing promotion of this page. Thank you in advance.

Katie

Please describe the problem (or idea)

What happened just before the problem occurred? Or what problem could this idea solve?

What did you expect to see that you didn't?

Please show us where to look

https://publiclab.org/ ...

What's your PublicLab.org username?

This can help us diagnose the issue:

Browser, version, and operating system

Many bugs are related to these -- please help us track it down and reproduce what you're seeing!

---

Thank you!

Your help makes Public Lab better! We deeply appreciate your helping refine and improve this site.

To learn how to write really great issues, which increases the chances they'll be resolved, see:

https://publiclab.org/wiki/developers#Contributing+for+non-coders

[kgradow1]

I am @kgradow1 and she is @A_SCH
\

[cesswairimu]

Hi @kgradow1 and thanks for opening this..we will look into it.

[jywarren]

Hi, it looks like there is only one video there, can you share links to the other videos you'd like to put there and we can try to help get them embedded?

Thanks!

[kgradow1]

Hi Jeff, please see attached.

https://www.youtube.com/watch?v=5LAJ3_Zvsg4

https://www.youtube.com/watch?v=FxYbXTV5MT4

https://www.youtube.com/watch?v=5z4MXCkV6S0

https://www.youtube.com/watch?v=ICrQHCq89pk

Thank you for looking into this!

On Tue, Mar 16, 2021 at 7:10 PM Jeffrey Warren @.*>
wrote:

Hi, it looks like there is only one video there, can you share links to
the other videos you'd like to put there and we can try to help get them
embedded?

Thanks!

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-800672512,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4CYQAN4Z72DW6P47DLTD7QONANCNFSM4XK75MAQ
.

[17sushmita]

Hi @kgradow1 , I think there is an issue with the embedding code you're pasting. I tried to copy the code of the video you provided and it is working fine and I saw from the browser debugger that your embedding code of video is this -

<iframe width="480" height="252" src="https://www.youtube.com/embed/5LAJ3\_Zvsg4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen\=""></iframe>

and what I copied from youtube was this

<iframe width="480" height="252" src="https://www.youtube.com/embed/5LAJ3_Zvsg4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen></iframe>

Ignoring the \="" after allowfullscreen, you can see the difference in the url you copied, just check src attribute which in your case is "https://www.youtube.com/embed/5LAJ3_Zvsg4" and what I got is "https://www.youtube.com/embed/5LAJ3_Zvsg4", see there is no \ after 5LAJ3 , so basically the code you pasted is a wrong URL of the video and that's why the video is not playing.

This is what I drafted-

And here is the preview of it-

[waridrox]

Yeah another workaround if using markdown syntax is to embed the youtube link using this syntax

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](https://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE)

This will look like this and will generate a clickable youtube vid link...

https://user-images.githubusercontent.com/58583793/111818045-c00ec500-8904-11eb-8f96-039dffc8883e.mov

[kgradow1]

Hi all, the issue we are having is that after we embed the code, the
editing functions of the page disappear and we are locked out of future
edits.

Here is the page prior to embedding the videos (no video, just text):

[image: image.png]

And here is the page afterwards (it looks like this is also true in the
example above)

[image: image.png]

This is the code I attempted to embed:

On Fri, Mar 19, 2021 at 1:40 PM Mohammad Warid @.*>
wrote:

But I think @17sushmita https://github.com/17sushmita's solution is
better :D

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803000751,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4BPMHVFGJTG7LT7EELTEOD7JANCNFSM4XK75MAQ
.

[kgradow1]

In the second example, the video is posted, but the editing functions are
now gone.

I can back out of this page back to the editing window (prior to the video)
but if I post the video and then migrate away from the page, I am now
locked out.

This was the problem we were initially having.

On Sat, Mar 20, 2021 at 11:11 AM Katie Gradowski @.*>
wrote:

Hi all, the issue we are having is that after we embed the code, the
editing functions of the page disappear and we are locked out of future
edits.

Here is the page prior to embedding the videos (no video, just text):

[image: image.png]

And here is the page afterwards (it looks like this is also true in the
example above)

[image: image.png]

This is the code I attempted to embed:

On Fri, Mar 19, 2021 at 1:40 PM Mohammad Warid @.*>
wrote:

But I think @17sushmita https://github.com/17sushmita's solution is
better :D

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803000751,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4BPMHVFGJTG7LT7EELTEOD7JANCNFSM4XK75MAQ
.

[kgradow1]

Additionally, when I try to embed all four videos in sequence, I lose the
editing functions and get the following error:
[image: image.png]
An error occurred. Please try again later. (Playback ID: 59e_zbvWgVkg7S32)

This is the full text of the page, including the code I tried to embed:

On Sat, Mar 20, 2021 at 11:12 AM Katie Gradowski @.*>
wrote:

In the second example, the video is posted, but the editing functions are
now gone.

I can back out of this page back to the editing window (prior to the
video) but if I post the video and then migrate away from the page, I am
now locked out.

This was the problem we were initially having.

On Sat, Mar 20, 2021 at 11:11 AM Katie Gradowski <
@.*> wrote:

Hi all, the issue we are having is that after we embed the code, the
editing functions of the page disappear and we are locked out of future
edits.

Here is the page prior to embedding the videos (no video, just text):

[image: image.png]

And here is the page afterwards (it looks like this is also true in the
example above)

[image: image.png]

This is the code I attempted to embed:

On Fri, Mar 19, 2021 at 1:40 PM Mohammad Warid @.*>
wrote:

But I think @17sushmita https://github.com/17sushmita's solution is
better :D

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803000751,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4BPMHVFGJTG7LT7EELTEOD7JANCNFSM4XK75MAQ
.

[kgradow1]

Sorry, sent too soon!

This is the full text of the page, including the code we are trying to
embed:

When it comes to environmental campaigns, the more communities are informed
about what they are being exposed to, the better they are able to then
advocate for reform. As a result, it’s important to learn both how to
identify what you are smelling, as well as what the potential health
effects are. In the following links Public Lab has complied a list of
resources from SDCEA’s Toxic City Booklet that quickly lays out the odors
associated with common refinery chemicals
https://publiclab.org/notes/kgradow1/10-31-2020/smells-that-kill-how-to-identify-odours
as
well as a comprehensive list of the chemicals and health effects of each
polluting industry.
https://publiclab.org/notes/kgradow1/11-06-2020/toxic-city-health-impacts-of-chemicals-emitted-in-the-south-durban-area

Additionally, when looking at this issue of the serious health impacts
resulting from emitted chemicals, it’s important to keep in mind the
communities surrounding the polluters that are disproportionally effected.
To learn more go on a “Toxic Tour” of South Durban to hear about the major
polluters of South Durban, South Africa and the communities affected.

On Sat, Mar 20, 2021 at 11:18 AM Katie Gradowski @.*>
wrote:

Additionally, when I try to embed all four videos in sequence, I lose the
editing functions and get the following error:
[image: image.png]
An error occurred. Please try again later. (Playback ID: 59e_zbvWgVkg7S32)

This is the full text of the page, including the code I tried to embed:

On Sat, Mar 20, 2021 at 11:12 AM Katie Gradowski <
@.*> wrote:

In the second example, the video is posted, but the editing functions are
now gone.

I can back out of this page back to the editing window (prior to the
video) but if I post the video and then migrate away from the page, I am
now locked out.

This was the problem we were initially having.

On Sat, Mar 20, 2021 at 11:11 AM Katie Gradowski <
@.*> wrote:

Hi all, the issue we are having is that after we embed the code, the
editing functions of the page disappear and we are locked out of future
edits.

Here is the page prior to embedding the videos (no video, just text):

[image: image.png]

And here is the page afterwards (it looks like this is also true in the
example above)

[image: image.png]

This is the code I attempted to embed:

On Fri, Mar 19, 2021 at 1:40 PM Mohammad Warid @.*>
wrote:

But I think @17sushmita https://github.com/17sushmita's solution is
better :D

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803000751,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4BPMHVFGJTG7LT7EELTEOD7JANCNFSM4XK75MAQ
.

[kgradow1]

The text posts without a problem.

But when we try to embed the four videos, we get an error message on the
videos and are additionally locked out of the editing features.

If it's possible to just create a new page, that might be the best
solution. Annie tried to do this, though, and ran into the same problem.

On Sat, Mar 20, 2021 at 11:20 AM Katie Gradowski @.*>
wrote:

Sorry, sent too soon!

This is the full text of the page, including the code we are trying to
embed:

When it comes to environmental campaigns, the more communities are
informed about what they are being exposed to, the better they are able to
then advocate for reform. As a result, it’s important to learn both how to
identify what you are smelling, as well as what the potential health
effects are. In the following links Public Lab has complied a list of
resources from SDCEA’s Toxic City Booklet that quickly lays out the odors
associated with common refinery chemicals
https://publiclab.org/notes/kgradow1/10-31-2020/smells-that-kill-how-to-identify-odours as
well as a comprehensive list of the chemicals and health effects of each
polluting industry.
https://publiclab.org/notes/kgradow1/11-06-2020/toxic-city-health-impacts-of-chemicals-emitted-in-the-south-durban-area

Additionally, when looking at this issue of the serious health impacts
resulting from emitted chemicals, it’s important to keep in mind the
communities surrounding the polluters that are disproportionally effected.
To learn more go on a “Toxic Tour” of South Durban to hear about the major
polluters of South Durban, South Africa and the communities affected.

On Sat, Mar 20, 2021 at 11:18 AM Katie Gradowski <
@.*> wrote:

Additionally, when I try to embed all four videos in sequence, I lose the
editing functions and get the following error:
[image: image.png]
An error occurred. Please try again later. (Playback ID: 59e_zbvWgVkg7S32)

This is the full text of the page, including the code I tried to embed:

On Sat, Mar 20, 2021 at 11:12 AM Katie Gradowski <
@.*> wrote:

In the second example, the video is posted, but the editing functions
are now gone.

I can back out of this page back to the editing window (prior to the
video) but if I post the video and then migrate away from the page, I am
now locked out.

This was the problem we were initially having.

On Sat, Mar 20, 2021 at 11:11 AM Katie Gradowski <
@.*> wrote:

Hi all, the issue we are having is that after we embed the code, the
editing functions of the page disappear and we are locked out of future
edits.

Here is the page prior to embedding the videos (no video, just text):

[image: image.png]

And here is the page afterwards (it looks like this is also true in
the example above)

[image: image.png]

This is the code I attempted to embed:

On Fri, Mar 19, 2021 at 1:40 PM Mohammad Warid <
@.*> wrote:

But I think @17sushmita https://github.com/17sushmita's solution is
better :D

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803000751,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4BPMHVFGJTG7LT7EELTEOD7JANCNFSM4XK75MAQ
.

[jcads]

@kgradow1 I tried embedding the videos you linked in the text above and it's working fine for me.

_draft:_

_preview_

The text posts without a problem.

But when we try to embed the four videos, we get an error message on the
videos and are additionally locked out of the editing features.

I wonder what caused this issue for you. May I know what browser are you using?

[kgradow1]

I'm using Chrome.

It's still broken for me, unfortunately.

It looks like it's posted as a draft, maybe that has something to do with
it?

[image: image.png]

[image: image.png]

On Mon, Mar 22, 2021 at 5:05 AM John Rafael @.*>
wrote:

@kgradow1 https://github.com/kgradow1 I tried embedding the videos you
linked in the text above and it's working fine for me.

draft:
[image: image]
https://user-images.githubusercontent.com/50954098/111964819-fc723900-8b2f-11eb-81ae-547416e42534.png

preview
[image: image]
https://user-images.githubusercontent.com/50954098/111964955-24619c80-8b30-11eb-8310-914747532a7d.png

The text posts without a problem.

But when we try to embed the four videos, we get an error message on the
videos and are additionally locked out of the editing features.

I wonder what caused this issue for you. May I know what browser are you
using?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/plots2/issues/9164#issuecomment-803892621,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAE7G4F5LEQARYJXE5HX5QTTE4B4DANCNFSM4XK75MAQ
.

[jywarren]

Hi @kgradow1 I was able to get the videos to load by going to https://publiclab.org/notes/edit/24955 (i'm an admin) and pasting in (from your email above):

<iframe width="560" height="315" src="
https://www.youtube.com/embed/5LAJ3_Zvsg4" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315" src="
https://www.youtube.com/embed/FxYbXTV5MT4" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315" src="
https://www.youtube.com/embed/5z4MXCkV6S0" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="560" height="315" src="
https://www.youtube.com/embed/ICrQHCq89pk" title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

I did it in "markdown" mode, not "rich text" and i wonder if that made it work where it hadn't for you? I think @17sushmita's note that allowfullscreen became allowfullscreen\="" seems very likely to be our rich text editor code trying to "fix" that parameter but in fact breaking it.

In any case, I'll make a new issue in our Editor project with that thought. Thanks!!!

[ebarry]

Thanks for finding this bug everyone. So sorry for the work this required to report this from your side Katie -- really appreciate it and owe you one surely!