javascript - Trying to add a background to a twitch channel with Greasemonkey -

twitch.tv used offer users ability upload channel background, has long since removed feature. i've been trying add back, , been unsuccessful.

this working here, twitch:

note: ember### , data-bindattr-###="###" change often, didn't bother trying tag those.

<div id="ember841" class="ember-view" data-channel="jimieo">    <div class="content" data-bindattr-857="857">      <div id="channel">        <script id="metamorph-26-start" type="text/x-placeholder"></script>        <script id="metamorph-26-end" type="text/x-placeholder"></script>        <script id="metamorph-27-start" type="text/x-placeholder"></script>        <script id="metamorph-28-start" type="text/x-placeholder"></script>        <div id="ember872" class="ember-view"></div>        <script id="metamorph-28-end" type="text/x-placeholder"></script>        <script id="metamorph-27-end" type="text/x-placeholder"></script>        <div class="player-column host-frame js-host-frame" data-bindattr-874="874"></div>      </div>    </div>  </div>

i trying use following work:

$(document).ready(function(){      $("#data-channel=jimieo > div#channel").prepend("<canvas height="1080" width="1920" image="i.imgur.com/5su8stx.jpg"></canvas>");  });

the end result aiming this...

<div id="ember841" class="ember-view" data-channel="jimieo">    <div class="content" data-bindattr-857="857">      <div id="channel">        <canvas height="1080" width="1920" image="i.imgur.com/5su8stx.jpg"></canvas>        <script id="metamorph-26-start" type="text/x-placeholder"></script>        <script id="metamorph-26-end" type="text/x-placeholder"></script>        <script id="metamorph-27-start" type="text/x-placeholder"></script>        <script id="metamorph-28-start" type="text/x-placeholder"></script>        <div id="ember872" class="ember-view"></div>        <script id="metamorph-28-end" type="text/x-placeholder"></script>        <script id="metamorph-27-end" type="text/x-placeholder"></script>        <div class="player-column host-frame js-host-frame" data-bindattr-874="874"></div>      </div>    </div>  </div>

not sure if best way tested works via browser console.

$(document).ready(function(){     $("<style type='text/css'> .js-directory, tse-content { background: #000000 url('http://i.imgur.com/5su8stx.jpg') no-repeat fixed center !important; } </style>").appendto("head"); });