Inseting Media Files 2 (1 Viewer)

[Frroyt]

I'm having trouble inserting a streaming video into one of my posts. Tumblr is on the list, but I can't embed the video on the page.

 

[fleet]

I notified the gurus on Discord.

 

[SyntaxTerror]

Apparently, the 'media button in the editor tool bar', doesn't work for MOV files (I didn't find other formats on Tumblr).

The video ID seems to be preceding the .mov of the URL, but it doesn't seem to work using the BBcode :
https://64.media.tumblr.com/b509ba759e7225def708cae25d240634/d48fb0541bd82917-19/s720/24165451d2980ac85d918bf5bd019a8ce7a666e6.mov → [MEDIA=tumblr]24165451d2980ac85d918bf5bd019a8ce7a666e6[/MEDIA] gives :



It doesn't seem to work for posts either :
https://www.tumblr.com/actuallysara/827853959841660928/its-not-looking-good-for-mr-sheeran?source=share → [MEDIA=tumblr]827853959841660928[/MEDIA]

 

[Samoth]

I'll reach out to Wreck as well to get his thoughts, but I suspect from the failure to embed that this might well just be an issue with Xenforo. Maybe they only have it set up to host certain kinds of embeds from Tumblr, and this is looking to embed stuff outside that, so to speak.

Worst case, is it possible to find another site to upload the content to and link to it from there as some sort of workaround? I realize you likely don't want to do that, but figured I'd throw it out there as a last resort. (In theory if you did this you'd probably want to also link back to the actual tumblr page via a regular url embed to supply a proper source, too.)

 

[Frroyt]

I'll reach out to Wreck as well to get his thoughts, but I suspect from the failure to embed that this might well just be an issue with Xenforo. Maybe they only have it set up to host certain kinds of embeds from Tumblr, and this is looking to embed stuff outside that, so to speak.

Worst case, is it possible to find another site to upload the content to and link to it from there as some sort of workaround? I realize you likely don't want to do that, but figured I'd throw it out there as a last resort. (In theory if you did this you'd probably want to also link back to the actual tumblr page via a regular url embed to supply a proper source, too.)

I have no interest in Tumblr, per se. I just want to embed trailers, and I have to choose one from your list. I wouldn't actually have a problem, if I could choose any file sharing host I want. At the moment, I am favoring Anondrop.net, because they let you choose your own thumbnail.

‮‭1544338431834857517/Agony.mp4

anondrop.net

I got both the trailer and the thumbnail from Home | The Battle For Earth.

However, Anondrop is not on your list of acceptable hosts. As for a work around, I've been been giving people links to the trailers using thumbnails, which I make myself by adding a play button to a vidcap. Or, I tell people to click on the thumbnail.



There are a couple of ways we can do this. You can add Anondrop.net, or possibly Qu.ax to your list of acceptable hosts. Or, I can continue linking people to the videos with thumbnails. In the latter case, you guys would make it easier for me, if you were the ones to put the clickable thumbnails on the page. In other words: 1) I upload the video onto a file sharing host, 2) I give you the URL to the video, 3) I give you an image for the thumbnail, 4) You guys add the clickable thumbnail with a play button onto the page, 5) when people click on the thumbnail, they are taken directly to the video URL.

 

[Samoth]

There are a couple of ways we can do this. You can add Anondrop.net, or possibly Qu.ax to your list of acceptable hosts.

I do have the ability to add a BB Code Media Site, from my digging around in the console. I knew I remembered seeing that awhile back.

I've attempted to add a custom one for AnonDrop, but to be fully honest I have zero clue how HTML stuff works so I've basically cobbled this together from one of the other ones. If something explodes, let me know.

 

[Frroyt]

I do have the ability to add a BB Code Media Site, from my digging around in the console. I knew I remembered seeing that awhile back.

I've attempted to add a custom one for AnonDrop, but to be fully honest I have zero clue how HTML stuff works so I've basically cobbled this together from one of the other ones. If something explodes, let me know.

Thanks for your help, but, unfortunately I can't get any of the links to work.

anondrop.net/1550012756403421295
anondrop.net/embed/1550012756403421295/LiquidKryptonite.mp4

The first link is for the download page. The second link is for embedding the video. Notice the unique file ID in both URLs. Each file also has a unique access key, which allows you to delete or edit the file details. As soon as you finish uploading the file, go to the dashboard, and copy this important key by clicking on the number you see.

Access Key: 1550012192185651230

You need this key to go to the editing page.

anondrop.net/edit/1550012756403421295?key=1550012192185651230

If you change the file name, remember to keep the file extension. Otherwise, you will not be able to embed the video. To work on another file, go to the dashboard, press the Change Key button, and then enter the access key for that file. In exchange for this inconvenience, you never have to sign up for an account.

 

[Samoth]

Allow me to reiterate. I do not have any experience with HTML, that's the first and foremost problem here. One of the few things I was able to actually clock initially was the orange part being the ID. I have trouble making it embed because I am genuinely fumbling around in the dark here. I'm basically trying to make this in a cave with a box of scraps. If you have any idea what the HTML should look like, please enlighten me. I've made attempts, but none of them are working thus far.

 

[Samoth]

To elaborate a bit instead of JUST throwing up my hands:

We need 2 things to make this work - one or more "match URLs" that the BB Code Media Site template requires to be able to recognize "hey, this is an embed from this site!", and an embed template. The latter is the problem here. I can clock that the first should be something like https://anondrop.net/embed/{?id} (to use the syntax the editor uses), it's the latter that's the problem.

Here's what this part of the code media site template looks like, with my current attempt at HTML based off some googling:

This doesn't work, sure, but I genuinely don't have any idea why. I have zero personal experience working with HTML stuff.

 

[Frroyt]

Unfortunately, I don't know anything about HTML code, either. Somehow, we have to get the system to accept the file ID. Ok. Why don't you show me some HTML code that actually works? Doesn't the [media] command work for news sites like CNN, etc? Anyhow, the embed URL won't work unless you put the file name and the extension on the end of the URL.


anondrop.net/embed/1550012756403421295/LiquidKryptonite.mp4


So, I guess you need to know the HTML code for the filename.

 

[Samoth]

You mentioned CNN, here's what they have:

<span data-s9e-mediaembed="cnn">
    <span>
        <iframe allowfullscreen="" scrolling="no" src="//fave.api.cnn.io/v1/fav/?video={$id}&amp;customer=cnn&amp;edition=international&amp;env=prod">
        </iframe>
    </span>
</span>

They use this as their match URL:

(^https?://(?:[^./]+\.)*cnn\.com/.(?'id'))i

I figured I'd check a couple of the video sites in the list, here's what YouTube uses and what Vimeo uses:

<span data-s9e-mediaembed="youtube">
    <span>
        <iframe allowfullscreen="" scrolling="no" style="background:url(https://i.ytimg.com/vi/{$id}/hqdefault.jpg) 50% 50% / cover" src="https://www.youtube.com/embed/{$id}{{ $list ? '?list=' . $list : '' }}{{ $t ? ($list ? '&amp;' : '?') . 'start=' . $t : '' }}">
        </iframe>
    </span>
</span>

(^https?://(?:[^./]+\.)*youtu(?:\.be|be\.com)/.(?'id'))i

<span data-s9e-mediaembed="vimeo">
    <span>
        <iframe allowfullscreen="" scrolling="no" src="//player.vimeo.com/video/{$id}{{ $h ? '?h=' . $h : '' }}{{ $t ? '#t=' . $t : '' }}">
        </iframe>
    </span>
</span>

(^https?://(?:[^./]+\.)*vimeo\.com/.(?'id'))i

My initial attempt had something more or less copypasted over from these and that one didn't work either; the one in my above screenshot is the result of me trying to do some googling.

 

[Frroyt]

Ok, I think I've found the problem. Apparently, Anondrop is stopping you from embedding the video.

<iframe width="640" height="360" src="" frameborder="0" allowfullscreen></iframe>


Perhaps you can talk to this guy

lukashabtoch@gmail.com


Anyway, this doesn't have to be a problem, because you don't really have to embed the video on the page. If you follow the instructions and open the frame in a new tab, you'll find that it will work. My point is quite simple. The frame you see doesn't have to be an error message. Instead, it can be a thumbnail with a play button or some instruction that tells the viewer to click the thumbnail in order to play the trailer. When he/she clicks on the thumb, the viewer will be redirected to Anondrop or whatever domain is hosting the video, and the video can be viewed from there. Photosharing hosts use this approach routinely. You see a thumbnail on the page, you click on it and you see the full sized image on Turboimagehost, Pixhost, etc.

I've been using this approach all this time. But, I have to make an extra effort to make a clickable thumbnail with a play button. It would be easier for me, if I could give you URLs for the video and the thumbnail and the system would do the rest, namely, add an arrow to the thumb, and make it a clickable link to the video URL.