Appending to existing tags INSIDE the Video tag for JPEG image ?

[C0nw0nk]

Setting the downloaded from torrent jpeg file into the tags poster and <img>

<video controls="controls" controlslist="nodownload" oncontextmenu="return false;" preload="none" poster="/">
<source src="/" type="video/mp4" /> <object width="800" height="450" type="application/x-shockwave-flash" data="/player.swf">
<param name="movie" value="/player.swf" />
<param name="flashvars" value="controls=true&amp;file=" />
<img src="/" width="800" height="450" alt="No suitable players" title="No video playback capabilities" /> </object>
</video>
<script type="text/javascript">
var client = new WebTorrent();
var torrentId = 'magnet:?xt=urn:btih:blah-bleep-bloop';

client.add(torrentId, function (torrent) {

torrent.addWebSeed('https://www.domain.com/jpeg.jpg')

console.log('Torrent Ready')
var file = torrent.files.find(function (file) {
	return file.name.endsWith('.jpg')
})

var append_to_tag = document.getElementsByTagName('video')[0].poster;
//file.appendTo(append_to_tag)
file.appendTo('video#img')
file.getBlobURL(function (err, url) {
if (err) throw console.log(err)
append_to_tag = url
console.log('Client is downloading:' + append_to_tag)
})

})
</script>

I have been trying with

file.appendTo('video#img')
file.appendTo('video#poster')

But I can't get it to display even though I can see in the console it has downloaded and is ready etc.

The Javascript methods I am used to are like this document.getElementsByTagName('video')[0].poster = "https://www.domain.com/jpeg.jpg";

Can anyone help me set the downloaded from torrent jpeg file into those tags ?

[Daniel-Abrecht]

Here is a minimal example: https://jsfiddle.net/yj4kuszr/
I've also a library to hide all webtorrent specific things and allows magnet urls to be used like any other url: https://github.com/Daniel-Abrecht/magnet-protocolhandler

There may be other ways to do this, this is just how I usually do it.

[jimmywarting]

player.swf? remove that toxic thing!

[C0nw0nk]

player.swf? remove that toxic thing!

It is just in there as a fallback player for compatibility with older browsers / devices modern and uptodate devices use HTML5.

Here is a minimal example: https://jsfiddle.net/yj4kuszr/
I've also a library to hide all webtorrent specific things and allows magnet urls to be used like any other url: https://github.com/Daniel-Abrecht/magnet-protocolhandler

There may be other ways to do this, this is just how I usually do it.

Thank you! strange it works with the .poster missing but appended to the variable instead but oh well it works now :)