My wordpress home page has an embed video from youtube, I would like to change this embed video dynamically, without needing to edit my wordpress settings.
I tried to create a custom webpage redirecting to my video, so all I would need to do e run a script to change this page's URL, but it's not working, any clue on how to fix it?
I used to following code to redirect:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="1;url=http://https://www.youtube.com/watch?v=Eho8HDtkCiU">
<script type="text/javascript">
window.location.href = "http://https://www.youtube.com/watch?v=Eho8HDtkCiU"
</script>
<title>Page Redirection</title>
</head>
<body>
<!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
If you are not redirected automatically, follow the <a href='http://https://www.youtube.com/watch?v=Eho8HDtkCiU'>link to example</a>
</body>
</html>
Instead of redirecting them to the link, why don't you download the video using a YouTube to MP4 converter online, then keep that in the FTP of the WordPress. Then, perhaps you can use the video tag to show the MP4 file.
Related
I was trying to put an image from my system to my webpage by giving the address of the image as image source, but the image doesn't show there. I don't face this problem while using a URL as an image source. Can anyone please tell me how to put an image from the system itself on a webpage?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Display property</title>
</head>
<body>
<header class="top">
<img src="E:\Folders\ichchha.jpeg"/>
<h3>Welcome to Ichchha's Blog</h3>
</header>
</body>
</html>
The src attribute for an <img> should contain a URL, not a file name. The usual way to get an image into the page would be to move it to the same directory as the HTML file and use a relative URL:
<img src="ichchha.jpeg"/>
If you are opening the HTML file locally (without a webserver) and you really need to have it load the image from that particular absolute file path, you could do so like this:
<img src="file:///E:/Folders/ichchha.jpeg"/>
Note that file: URLs use the file:/// prefix and use forward slashes between directories rather than backslashes. The problem with this solution is that isn't going to work when your HTML file is hosted on a web server. It will only work when your HTML file is loaded from a file:/// URL itself.
I want to include a video for my website which is locally available in my C drive. But after I have done the website only plays audio. If I add a thumbnail only that image is shown. My code
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<meta name ="description" content="It is nice website">
<title>Ajay Web</title>
</head>
<body>
<video src="C:\Users\ajayr\Downloads\[TIF]_S04_E16_The_Big_Bang_Theory_720p_10bit.mkv" controls></video>
</body>
</html>
MKV is - e. g. - in Chrome not supported without plugins or extensions.
Having a look here on SO, I found another question about this (incl. solution).
I'm simply trying to open google.com via a .html file.
When I open this .html file it does not load Google.
<!DOCTYPE html>
<a href="http://www.google.com">
This should do the trick:
<!DOCTYPE html>
<html>
<head>
<title>Google</title>
<meta http-equiv="refresh" content="0; url=http://www.google.com" />
</head>
</html>
Anchor tag acts as a hyperlink. You'll have to click on it manually or write a script that would do it for you.
If you want to open google directly without the user's action, you can use a meta refresh.
<meta http-equiv="refresh" content="4;url=https://google.com" />
here, 4 would represent the amount of time you need before refreshing in seconds.
I had a client that gave a URL in a press kit before the website was done. He gave a page when I was making the website a one page site. So I took the URL he made and coded it as a redirect to scroll to that part of the site.
Now that I have it online, it isn't working properly.
fuzzripper.com/bio gives me an internal server error
fuzzripper.com/bio.html works just fine
I would like it to work even if the user doesn't type .html
Here is my redirect code
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="1; url=http://www.fuzzripper.com/#about">
<script type="text/javascript">
window.location.href = "http://www.fuzzripper.com/#about"
</script>
<title>Page Redirection</title>
</head>
<body>
<!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
If you are not redirected automatically, follow this <a href='http://www.fuzzripper.com/#about'>link</a>.
</body>
</html>
A quick fix for static sites is to
Create a /bio folder
Move bio.html in bio folder
Rename bio.html to index.html
This should make the bio#about link work just fine.
What is wrong with Chrome? I want to develop just a single html page. Without any server. Just one page. I know that I need web-server for using that page. But I need to just create a short simple html page with linked js and css files. And I can't do this, because chrome is too smart and I get the same error from chrome:
Not allowed to load local resource
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>ACAB</title>
<script type='text/javascript' src="./data_statistic.js"></script>
....