Trouble Uploading .mp4 to blog

Service: Hoop.la

Trouble Uploading .mp4 to blog

Service: Hoop.la

Hi, I tried for the first time to directly upload a video (mp4, 30-something MB) to a blog post, and had a lot of trouble. It eventually uploaded and processed, but when it inserted it picked up the background of my site (the seashell image) as its thumbnail, which appears nowhere in that video and is completely unrelated to it. When I deleted the thumbnail in the attachments and tried to replace it, it showed me no thumbnail offerings. I tried to insert the video into the text with no thumbnail, but it never inserted it. See screen shots below.

So the question is: What's wrong, and how can I upload and insert this video into blog text. 

I am hoping to finish the blog post tomorrow (8/2), so immediate help would be much appreciated. Thank you!

It's a vertical video if that makes a difference.

Screen Shot 2018-08-02 at 1.24.54 AMScreen Shot 2018-08-02 at 1.27.08 AMScreen Shot 2018-08-02 at 1.27.19 AMScreen Shot 2018-08-02 at 1.27.27 AM

Attachments

Photos (4)
Original Post
Votes (0)

Activity Stream

Hey Julia,

I just ran a test and it does appear that there is something wrong with how that process is working. We will need to dig into this and see what we can figure out.

Thank you for bringing this to our attention!

Jonmark

Hello Julia,

I just wanted to follow up and let you know that you may want to upload this video to your youtube account, or some external service, and then embed it from there into your blog post. At least until we can dig into this and get if figured out. I would hate for you to miss your deadline for posting this tomorrow, since I'm unsure what the timeline is going to be for getting any issues here fixed.

At least by posting to youtube and then sourcing from there you'll be setup and ready to go.

Cheers,

Jonmark

I've already done this, but the issue is this is not "my" video. It is someone else's and I am not sure she will want it appearing on my personal YT channel (even though not monetized and unlisted there). I also don't really want it there.

Please let me know when you've got this figured out, as I would really like to not house this on my personal channel. I am currently seeking her permission to see if she would even allow this temporarily.

Hey Julie,

I haven't had a chance to dig into any code, and I'm unsure when that will happen, but from what I can see it looks like the video is actually working once the post is made.

It seems like there's a race condition with the thumbnail generation, where sometimes the browser will cache a error response when loading the thumbnails, which is when you noticed that the thumbnails were broken images. Unfortunately, if you want to see the thumbnails, the only thing you can do is to delete the video and re-upload it if that happens during that initial upload. Perhaps give it a minute after the upload finishes before you close the upload popup.

The embedded version on my test site is showing a black background, but I think your background image CSS is what is causing it to appear with the shells on your site. Until the video has finished processing, that embedded preview will be a black box, and that is perhaps an issue that we will be looking into, but it will not affect the video once the post is made.

Ideally, the embedded video will at least show the selected thumbnail from the time it was embedded, and I believe that is the desired behavior. We will be investigating ways to smooth this and solve the issues that are making the initial embeds appear strange, but all of my tests are showing that once the post is made everything works as expected.

If you don't like the thumbnail you chose, or would like to change it after the post is made, you can always edit the blog post and select a new image in the attachments.

You should be able to just attach the video and embed it directly from the attachments. It will look odd at first in the posting frame, but will look right once it is posted, or if you save it as a draft, once the video finishes processing.

Hope this helps, and please let me know how everything goes tomorrow.

Cheers,

Jonmark

But what you’re describing I should be able to do (select a new photo for thumb) was not allowed. I obviously don’t want the shell image. I’ll try this a third time, but I’ve struggled with all you described.

Live sweetly,
Julia M Usher
Sugar Artist and Instructor
Owner/Founder, Recipes for a Sweet Life and Cookie Connection



> On Aug 2, 2018, at 10:31 AM, Social Strata <alerts@hoop.la> wrote:
>
>

Hello Julie,

After you upload the video, give it a minute before you close the popup:

Screen Shot 2018-08-02 at 8.41.35 AM

Then, hopefully, the thumbnails will appear with the attachment:

Screen Shot 2018-08-02 at 8.42.46 AM

You will not see them when you embed the video in your post, it will look like the shell background you have applied on your site, but the app knows which thumbnail you have selected, and will use it when the post is made.

Again, there seems to be a issue with that initial embed, and with the thumbnail images sometimes being cached as error responses by the browser. We will be looking into that, but the actual post, and how the video is presented when the post is made all appears to be working correctly.

Jonmark

Attachments

Photos (2)

Hi, thanks, but the above has not been my experience completely. I tried again. On upload (after waiting for it to fully process, of course), I saw the shells in the post. When I went down to the attachments, there were again no thumbnails from which to choose  - or if they were there, I could not see them as they all revealed as ?s. I selected one of the ?s, but nothing changed in the main post. So I  saved the post and came back 3 or more hours later and opened the draft. The video now had a new image in the body of the post (which is workable for now), but I still could not see any thumbnails in the attachment from which to choose. All still appeared as ?s. The series of screen shots below documents my experience in the order described.

Screen Shot 2018-08-02 at 1.53.17 PMScreen Shot 2018-08-02 at 1.53.29 PMScreen Shot 2018-08-02 at 1.53.39 PMScreen Shot 2018-08-02 at 5.21.05 PMScreen Shot 2018-08-02 at 5.20.43 PM

Attachments

Photos (5)

Hey Julia,

I'm not sure why you are getting the broken thumbnails so consistently, but I think its likely your browser has them cached. If you go to edit your draft, and hard refresh the edit page, I think that the images may start rendering properly (cmd+r in chrome on mac).

The shells on the preview in the post body is expected, and what I described above. Once the video is done processing that should begin to show the selected thumbnail, assuming your browser has not cached the broken image.

Could you confirm any of this, I have ran through this process on my test site a few times now, and the process I am describing has worked consistently for me.

Cheers,

Jonmark

I think the issue is browser-related. It's fine in Chrome (first screen shot) without doing anything (I just opened the draft; did not issue the command you suggested). It's still not fine in Safari. I browse in Safari always. Any way to refresh the page in Safari?

Chrome:

Screen Shot 2018-08-02 at 8.39.54 PM

Safari:

Screen Shot 2018-08-02 at 8.47.21 PM

 

Attachments

Photos (2)

Hey Julie,

The fact that the images are showing in Chrome, but not Safari confirms that Safari is caching them as negative responses for some reason. The command should be the same in Safari (cmd+r), though it may be some other cache that is holding onto the response.

If they are loading in Chrome, let's call that a win for now.

Thanks again for the details, we will look into the underlying preview issues.

Jonmark

Sorry Julie, as I developer I should have known better.

The command is cmd+shift+r to do a hard refresh, which bypasses caches and fetches everything for the page.

Cheers,

Jonmark

Add Reply

×
×
×
×