APOD Video not displaying

[billwagner3]

Hi guys, I have a page that you can click through the past APOD's, which works fine until a video comes up (for instance here in July, July 4th is a video) but the video does not display in Chrome, Firefox or Explorer, and when you try and click past to the next earlier date, you get a the data but not the pic to go along with it. Here's rough page with the apod: http://billwagner3.webfactional.com/nasa. Nasa.txt is my js file for this project. I'm using Symfony framework, and nasatwig.txt is my html.twig file.

There are no error messages being displayed in the console or network tabs in the browser. Browser thinks that the vid's been loaded, all with 200 codes from youtube.

I've searched hi and lo on the internet for solutions to this and have found none.

nasatwig.txt nasa.txt

[brianthomas]

Hi Bill,

Its hard for me to troubleshoot this. I went to APOD site for July 4th and video played for me. Can you supply a link which demonstrates the error?

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:13 PM To: nasa/api-docs api-docs@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [nasa/api-docs] APOD Video not displaying (#87)

Hi guys, I have a page that you can click through the past APOD's, which works fine until a video comes up (for instance here in July, July 4th is a video) but the video does not display in Chrome, Firefox or Explorer, and when you try and click past to the next earlier date, you get a the data but not the pic to go along with it. Here's rough page with the apod: http://billwagner3.webfactional.com/nasa. Nasa.txt is my js file for this project. I'm using Symfony framework, and nasatwig.txt is my html.twig file.

There are no error messages being displayed in the console or network tabs in the browser. Browser thinks that the vid's been loaded, all with 200 codes from youtube.

I've searched hi and lo on the internet for solutions to this and have found none.

nasatwig.txthttps://github.com/nasa/api-docs/files/1146349/nasatwig.txt nasa.txthttps://github.com/nasa/api-docs/files/1146328/nasa.txt

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/nasa/api-docs/issues/87, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ADzTmT_6Z_FTz34DfAdhjeVsGl1XY207ks5sNmx1gaJpZM4OXbA7.

[billwagner3]

The link is in my text: http://billwagner3.webfactional.com/nasa.

Did you go to that link above? I tried on different computers and got the same result.

By the by, I am working in Linux for the dev of this page. I have tried to view on a Windows 7 machine as well as Windows 10 using chrome on both.

Go to the link and hit the back arrow to get to July 4.

On Thu, Jul 13, 2017 at 12:27 PM, Brian Thomas notifications@github.com wrote:

Hi Bill,

Its hard for me to troubleshoot this. I went to APOD site for July 4th and video played for me. Can you supply a link which demonstrates the error?

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:13 PM To: nasa/api-docs api-docs@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [nasa/api-docs] APOD Video not displaying (#87)

Hi guys, I have a page that you can click through the past APOD's, which works fine until a video comes up (for instance here in July, July 4th is a video) but the video does not display in Chrome, Firefox or Explorer, and when you try and click past to the next earlier date, you get a the data but not the pic to go along with it. Here's rough page with the apod: http://billwagner3. webfactional.com/nasa. Nasa.txt is my js file for this project. I'm using Symfony framework, and nasatwig.txt is my html.twig file.

There are no error messages being displayed in the console or network tabs in the browser. Browser thinks that the vid's been loaded, all with 200 codes from youtube.

I've searched hi and lo on the internet for solutions to this and have found none.

nasatwig.txthttps://github.com/nasa/api-docs/files/1146349/nasatwig.txt nasa.txthttps://github.com/nasa/api-docs/files/1146328/nasa.txt

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/ nasa/api-docs/issues/87, or mute the threadhttps://github.com/ notifications/unsubscribe-auth/ADzTmT_6Z_FTz34DfAdhjeVsGl1XY207ks5sNmx1 gaJpZM4OXbA7.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315178121, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpnV8XxzgfKVMOHqHj8CopqoJOVhoks5sNm-7gaJpZM4OXbA7 .

[brianthomas]

Looks like the return payload is returning the youtube url with the correct url for the request. Without looking at your code, it would appear to me that the problem is that you aren’t embedding it in your page (perhaps you are always expecting hdurl parameter which is missing for this date?)

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:32 PM To: nasa/api-docs api-docs@noreply.github.com Cc: "Thomas, Brian A. (HQ-JH000)" brian.a.thomas@nasa.gov, Comment comment@noreply.github.com Subject: Re: [nasa/api-docs] APOD Video not displaying (#87)

The link is in my text: http://billwagner3.webfactional.com/nasa.

Did you go to that link above? I tried on different computers and got the same result.

By the by, I am working in Linux for the dev of this page. I have tried to view on a Windows 7 machine as well as Windows 10 using chrome on both.

Go to the link and hit the back arrow to get to July 4.

On Thu, Jul 13, 2017 at 12:27 PM, Brian Thomas notifications@github.com wrote:

Hi Bill,

Its hard for me to troubleshoot this. I went to APOD site for July 4th and video played for me. Can you supply a link which demonstrates the error?

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:13 PM To: nasa/api-docs api-docs@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [nasa/api-docs] APOD Video not displaying (#87)

Hi guys, I have a page that you can click through the past APOD's, which works fine until a video comes up (for instance here in July, July 4th is a video) but the video does not display in Chrome, Firefox or Explorer, and when you try and click past to the next earlier date, you get a the data but not the pic to go along with it. Here's rough page with the apod: http://billwagner3. webfactional.com/nasa. Nasa.txt is my js file for this project. I'm using Symfony framework, and nasatwig.txt is my html.twig file.

There are no error messages being displayed in the console or network tabs in the browser. Browser thinks that the vid's been loaded, all with 200 codes from youtube.

I've searched hi and lo on the internet for solutions to this and have found none.

nasatwig.txthttps://github.com/nasa/api-docs/files/1146349/nasatwig.txt nasa.txthttps://github.com/nasa/api-docs/files/1146328/nasa.txt

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/ nasa/api-docs/issues/87, or mute the threadhttps://github.com/ notifications/unsubscribe-auth/ADzTmT_6Z_FTz34DfAdhjeVsGl1XY207ks5sNmx1 gaJpZM4OXbA7.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315178121, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpnV8XxzgfKVMOHqHj8CopqoJOVhoks5sNm-7gaJpZM4OXbA7 .

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/nasa/api-docs/issues/87#issuecomment-315179232, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ADzTmZQXatLNuFB2qilWSq126X0cgNJVks5sNnDZgaJpZM4OXbA7.

[billwagner3]

The code comes straight off the Nasa website. It doesn't work properly. I put in my html page exactly what it says to do. Here's the page: https://api.nasa.gov/#live_example

If you looked at my code, you'd see the same exact thing.

So, this hdurl is not mentioned. Is there a css attribute I could use? I am not familiar with this. Please enlighten me. Thanks.

On Thu, Jul 13, 2017 at 12:39 PM, Brian Thomas notifications@github.com wrote:

Looks like the return payload is returning the youtube url with the correct url for the request. Without looking at your code, it would appear to me that the problem is that you aren’t embedding it in your page (perhaps you are always expecting hdurl parameter which is missing for this date?)

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:32 PM To: nasa/api-docs api-docs@noreply.github.com Cc: "Thomas, Brian A. (HQ-JH000)" brian.a.thomas@nasa.gov, Comment < comment@noreply.github.com> Subject: Re: [nasa/api-docs] APOD Video not displaying (#87)

The link is in my text: http://billwagner3.webfactional.com/nasa.

Did you go to that link above? I tried on different computers and got the same result.

By the by, I am working in Linux for the dev of this page. I have tried to view on a Windows 7 machine as well as Windows 10 using chrome on both.

Go to the link and hit the back arrow to get to July 4.

On Thu, Jul 13, 2017 at 12:27 PM, Brian Thomas notifications@github.com wrote:

Hi Bill,

Its hard for me to troubleshoot this. I went to APOD site for July 4th and video played for me. Can you supply a link which demonstrates the error?

-brian

From: billwagner3 notifications@github.com Reply-To: nasa/api-docs reply@reply.github.com Date: Thursday, July 13, 2017 at 3:13 PM To: nasa/api-docs api-docs@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [nasa/api-docs] APOD Video not displaying (#87)

Hi guys, I have a page that you can click through the past APOD's, which works fine until a video comes up (for instance here in July, July 4th is a video) but the video does not display in Chrome, Firefox or Explorer, and when you try and click past to the next earlier date, you get a the data but not the pic to go along with it. Here's rough page with the apod: http://billwagner3.

webfactional.com/nasa. Nasa.txt is my js file for this project. I'm using Symfony framework, and nasatwig.txt is my html.twig file.

There are no error messages being displayed in the console or network tabs in the browser. Browser thinks that the vid's been loaded, all with 200 codes from youtube.

I've searched hi and lo on the internet for solutions to this and have found none.

nasatwig.txthttps://github.com/nasa/api-docs/files/1146349/nasatwig.txt

nasa.txthttps://github.com/nasa/api-docs/files/1146328/nasa.txt

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/ nasa/api-docs/issues/87, or mute the threadhttps://github.com/ notifications/unsubscribe-auth/ADzTmT_6Z_FTz34DfAdhjeVsGl1XY207ks5sNmx1 gaJpZM4OXbA7.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315178121, or mute the thread https://github.com/notifications/unsubscribe-auth/ ANDOpnV8XxzgfKVMOHqHj8CopqoJOVhoks5sNm-7gaJpZM4OXbA7 .

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/ nasa/api-docs/issues/87#issuecomment-315179232, or mute the thread< https://github.com/notifications/unsubscribe-auth/ ADzTmZQXatLNuFB2qilWSq126X0cgNJVks5sNnDZgaJpZM4OXbA7>.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315180696, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOps5zGCzpy9VNzKNFjXq1lKJ-hwEEks5sNnJfgaJpZM4OXbA7 .

[jasonduley]

try making your video div element an iframe or straight up use a video tag in it's place

[billwagner3]

I've tried both of those to no avail. I've spent quite a bit of time on this and have tried a lot of different things in a myriad of combinations. I can get the video to actually work if I manually put in the date in the api call, but then I"ve got a hard-coded date that doesn't change. It doesn't work when cycling thru the pics of the day. Thanks for your time.

Bill

On Thu, Jul 13, 2017 at 1:04 PM, jasonduley notifications@github.com wrote:

try making your video div element an iframe or straight up use a video tag in it's place

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315187108, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpsmEO3FuXhnHnZ7-zE2ImOKT5PTCks5sNng5gaJpZM4OXbA7 .

[jasonduley]

i just made a bin and it seems to load the video https://jsbin.com/dadovilaza/1/edit?html,js,output it must have something to do with initializing it once the page has loaded. hmmm

[billwagner3]

Yeah, with a hardcode in the api call it works fine. I am stumped.

On Thu, Jul 13, 2017 at 1:19 PM, jasonduley notifications@github.com wrote:

i just made a bin and it seems to load the video https://jsbin.com/dadovilaza/1/edit?html,js,output it must have something to do with initializing it once the page has loaded. hmmm

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315190679, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpuD900xgMzFJSmZocwGqYDF4CqjOks5sNnvcgaJpZM4OXbA7 .

[jasonduley]

[jasonduley]

saw this in the console when the date reached july 4th.

[billwagner3]

Ok. That's the first time I've seen that. I don't get that message when I run it, it comes back clean, except no video. So, now I'm even more confused. Lord.

On Thu, Jul 13, 2017 at 1:24 PM, jasonduley notifications@github.com wrote:

saw this in the console when the date reached july 4th.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315191889, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpgSZgE3M7TJXPXrcB2LRG9KDN0cBks5sNn0agaJpZM4OXbA7 .

[jasonduley]

what browser are you using? perhaps there is an ad blocker working, try disabling it and see if that helps

[billwagner3]

I have been using both chrome and firefox on a Linux system. I've checked for ad blockers and the such on both systems-- interesting that I am getting the same exact problem no matter what browser I am using-- or computer for that matter, I've checked the site on Windows 7 and 10 systems using chrome and Explorer. No difference. I mean-- if you can't see it either on my site, then it's not my browsers.

On Thu, Jul 13, 2017 at 1:54 PM, jasonduley notifications@github.com wrote:

what browser are you using? perhaps there is an ad blocker working, try disabling it and see if that helps

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315199371, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpjwCuyIefcqdVKyqybc2XQ8oCsIoks5sNoQVgaJpZM4OXbA7 .

[jasonduley]

i c. it was an issue on my end. can you confirm the css "display" param is getting properly set to block. it seems when I load 7-4-2017 and inspect, the element is styled to display none.

[billwagner3]

I'll be damned, that worked! There was no css display param set (it was exactly as it is on the Nasa site). I did the same for the pics, since it was not displaying when you went earlier to July 3. Now it all works. Should be added to the example on the Nasa site.

Thanks Jason! :)

Bill

On Thu, Jul 13, 2017 at 2:32 PM, jasonduley notifications@github.com wrote:

i c. it was an issue on my end. can you confirm the css "display" param is getting properly set to block. it seems when I load 7-4-2017 and inspect, the element is styled to display none.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#issuecomment-315208180, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpvID7wYOJz0TXXYjwmcsBgOKfHbsks5sNo0DgaJpZM4OXbA7 .

[jasonduley]

the nasa snippet did not need that explicitly set as it was loading images/vids at page load. due to the runtime loading as your script was doing, the iframe got confused and it required this. glad it is working now.

[billwagner3]

Thanks for the insight Jason. Good to know.

On Thu, Jul 13, 2017 at 2:43 PM, jasonduley notifications@github.com wrote:

Closed #87 https://github.com/nasa/api-docs/issues/87.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/nasa/api-docs/issues/87#event-1163390033, or mute the thread https://github.com/notifications/unsubscribe-auth/ANDOpmgC8gBLy_uZZF75YGkbGAQcA5ggks5sNo9ygaJpZM4OXbA7 .