My jsfiddle for replacing url is working but not in blogger source

Asked Aug 15 '21 at 15:23

Active Sep 15 '21 at 18:15

Viewed 18 times

This question is specific to blogger, JSfiddle is working fine

I have a jsfiddle , where I can replace url for YouTube.

http://jsfiddle.net/jaisonshereen/q3rmyjvd/14/

jsfiddle when you run you can see its replacing url and showing the replaced video.

<iframe id="ytplayer" src="http://www.youtube.com/embed/Mmlc3gJeBUo" frameborder="0" width="640" height="480" ></iframe>
document.getElementById('ytplayer').src = "http://www.youtube.com/embed/EDk3YnVpQes";

But when I put this code in blogger source mode, urls are not replaced

I want to convert this YouTube video

http://www.youtube.com/embed/Mmlc3gJeBUo

with this YouTube video

http://www.youtube.com/embed/EDk3YnVpQes

This is the blogger post source code

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    document.getElementById('ytplayer').src = "http://www.youtube.com/embed/EDk3YnVpQes";
  </script>

<iframe id="ytplayer" src="http://www.youtube.com/embed/pXquZBc8td0" frameborder="0" width="640" height="480" ></iframe>

Here is the blog : https://blogs.giftyourhubby.com/2021/08/test.html

edited Sep 15 '21 at 18:15

Brian Tompsett - 汤莱恩

5,753
72
57
129

asked Aug 15 '21 at 15:23

SmartestVEGA

8,415
26
86
139

iframe doesn't exist when that script runs. Look at error thrown in dev tools console: `document.getElementById('ytplayer') is null` – charlietfl Aug 15 '21 at 15:26
please don't close this , this is a different question – SmartestVEGA Aug 15 '21 at 15:27
@charlietfl plase help me why this is null – SmartestVEGA Aug 15 '21 at 15:27
Not different at all. Move the script tag or use a load event to run the js. Did you try either? Do you see the error thrown in dev tools console? – charlietfl Aug 15 '21 at 15:32
Uncaught TypeError: Cannot set property 'src' of null – SmartestVEGA Aug 15 '21 at 15:34
where should i move the script tag? – SmartestVEGA Aug 15 '21 at 15:34
Read the well documented explanation of the problem in the duplicate link. The solutions are also well written – charlietfl Aug 15 '21 at 15:36
window.onload = function() { document.getElementById('ytplayer').src = "http://www.youtube.com/embed/EDk3YnVpQes"; }; Not workng – SmartestVEGA Aug 15 '21 at 15:36
script tag a moved in body tag still not working – SmartestVEGA Aug 15 '21 at 15:37
Any errors? Look in console – charlietfl Aug 15 '21 at 15:37
Uncaught TypeError: Cannot read property 'length' of undefined – SmartestVEGA Aug 15 '21 at 15:39
Probably not related to code shown – charlietfl Aug 15 '21 at 15:39
– SmartestVEGA Aug 15 '21 at 15:40
https://blogs.giftyourhubby.com/2021/08/test.html – SmartestVEGA Aug 15 '21 at 15:41
see the source of this link to see the code – SmartestVEGA Aug 15 '21 at 15:41
Note the `http` version of youtube is blocked, need `https`. Also see other errors you need to resolve. Loading scripts from http will also be blocked since page is on https – charlietfl Aug 15 '21 at 15:42
I updated with https , it worked, thanks for the help :) – SmartestVEGA Aug 15 '21 at 15:43
Was all there in console messages – charlietfl Aug 15 '21 at 15:44
:) glad it worked and more than that for your help – SmartestVEGA Aug 15 '21 at 15:45

My jsfiddle for replacing url is working but not in blogger source

0 Answers0