Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
kgradow1 opened this issue Feb 9, 2021 · 15 comments
Labels
bug the issue is regarding one of our programs which faces problems when a certain task is executed help wanted requires help by anyone willing to contribute

Comments

@kgradow1
Copy link

kgradow1 commented Feb 9, 2021

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
Copy link
Author

kgradow1 commented Feb 9, 2021

I am @kgradow1 and she is @A_SCH
\

@cesswairimu
Copy link
Collaborator

cesswairimu commented Mar 4, 2021

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

@cesswairimu cesswairimu added bug the issue is regarding one of our programs which faces problems when a certain task is executed help wanted requires help by anyone willing to contribute labels Mar 4, 2021
@cesswairimu cesswairimu changed the title Continuing issues with Bucket Monitor Toxic Tours page Video media not playing on the site: Continuing issues with Bucket Monitor Toxic Tours page Mar 4, 2021
@publiclab publiclab deleted a comment from kgradow1 Mar 4, 2021
@publiclab publiclab deleted a comment from kgradow1 Mar 4, 2021
@publiclab publiclab deleted a comment from kgradow1 Mar 4, 2021
@jywarren
Copy link
Member

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
Copy link
Author

kgradow1 commented Mar 16, 2021 via email

@17sushmita
Copy link
Member

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-
image

And here is the preview of it-
image

@waridrox
Copy link
Member

waridrox commented Mar 19, 2021

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...
Screenshot 2021-03-19 at 10 39 49 PM

Screen.Recording.2021-03-19.at.10.43.51.PM.mov

@kgradow1
Copy link
Author

kgradow1 commented Mar 20, 2021 via email

@kgradow1
Copy link
Author

kgradow1 commented Mar 20, 2021 via email

@kgradow1
Copy link
Author

kgradow1 commented Mar 20, 2021 via email

@kgradow1
Copy link
Author

kgradow1 commented Mar 20, 2021 via email

@kgradow1
Copy link
Author

kgradow1 commented Mar 20, 2021 via email

@jcads
Copy link
Contributor

jcads commented Mar 22, 2021

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

draft:
image

preview
image

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
Copy link
Author

kgradow1 commented Mar 22, 2021 via email

@jywarren
Copy link
Member

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
Copy link
Member

ebarry commented Mar 23, 2021

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug the issue is regarding one of our programs which faces problems when a certain task is executed help wanted requires help by anyone willing to contribute
Projects
None yet
Development

No branches or pull requests

7 participants