Welcome Guest! To enable all features please try to register or login.
Youtube Video As Profile Background?
Options View
Previous Topic Next Topic
_Elyse_
#1 Posted : Wednesday, January 23, 2019 2:14:58 PM(UTC)


Rank: Rising Forum Member

Joined: 8/25/2018(UTC)
Posts: 68
Medals:
Does anyone know how to make an entire Youtube video into a social center profile background so that it autoplays?
Back to top
Silesa
#2 Posted : Wednesday, January 23, 2019 3:25:28 PM(UTC)


Rank: Veteran Forum Member

Joined: 6/22/2011(UTC)
Posts: 15,204
Medals:
You have to host a page you create somewhere you can upload it to

It also has to be a certificated site you host your HTML page at or allow Https: security or it won't work

The HTML for the page and the HTML code you put in the personality section of your profile

not sure i can post here without it making this post go wacky

but will try using the code thing below

Code:
<div class="video-background">
<div class="video-foreground">
<iframe src="https://sitv.us/Pub_inc/Profiles/sitv/index.html" allowfullscreen></iframe>
</div>
</div>


Above is HTML code that goes in the Personality section of profile

and shows the page hosted on my SiTV.US site with https:


Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Youtube Background</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.tubular.1.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
</head>
<body style="height: 0% !important; pdding:0px !important; margin:0px !important">
    <div id="wrapper" class="tabular">
        <div class="content">
        </div>
    </div>
    <script>
        $('document').ready(function() {
    var options = { videoId: 'KGfxtbiNoLk', start: 1, mute: false, repeat: true };
    $('#wrapper').tubular(options);
   
});
    </script>
</body>
</html>



The above code is what is in the HTML page for

https://sitv.us/Pub_inc/Profiles/sitv/index.html the profile html code links to



There is many examples of YOUTUBE VIDEO BACKGROUND HTML PAGES YOU CAN GOOGLE AND USE

The autoplay and getting it to work with Https: gets sticky sometimes and i have had to tinker with it

The link to yours in the profile section code you would replace

as well as the 11 character youtube code in the page HTML code



i had help with it and not sure if the person that did is still around.

Very glad i decided to host my own and understand it.

They did great but it did go down leaving me to fix/figure it out on my own.


Peace
CALL CONGRESS reps/senators
GET Citizens United v. FEC OVERTURNED.END CORPORATE CONTROL
https://www.house.gov/representatives/find/
DON'T PLAY THE FORUM GAME WE ARE ALL BETTER THAN THAT

SUPPORT UV ARTIST/VENDORS/ENTERTAINERS AVI IMAGE BY Mizaki_Tanaka
REGISTER TO VOTE OR CHECK IF REGISTERED @ https://www.usa.gov/election-office
Back to top
WWW
 |  Edit by user
1 user thanked Silesa for this useful post.
_Elyse_ on 1/23/2019(UTC)
_Elyse_
#3 Posted : Wednesday, January 23, 2019 7:25:37 PM(UTC)


Rank: Rising Forum Member

Joined: 8/25/2018(UTC)
Posts: 68
Medals:
Thank you, Silesa.

I think I get it. I just have to figure out where I can host it.
Back to top
_Elyse_
#4 Posted : Wednesday, January 23, 2019 7:55:57 PM(UTC)


Rank: Rising Forum Member

Joined: 8/25/2018(UTC)
Posts: 68
Medals:
Silesa,
Why do you need to host the video somewhere else when Youtube hosts it? I don't undestand that...why can't you just delete the height and width and use the video fullscreen?
Back to top
Silesa
#5 Posted : Wednesday, January 23, 2019 7:58:09 PM(UTC)


Rank: Veteran Forum Member

Joined: 6/22/2011(UTC)
Posts: 15,204
Medals:
Elyse_Cohen;1573787 wrote:
Thank you, Silesa.

I think I get it. I just have to figure out where I can host it.



Give me the 11 character code i will put it on SiTV server But you are on your own
with the rest and updating the video after i do the first one. Counting on me getting to update it right away while i have maintaining/updating sitv work going on, you might want to do your own. But i will do if you need me to.

There are other topics that suggest good sites to host files/images shop around and check if https

Best to have your own and seems you can handle that.

Peace

CALL CONGRESS reps/senators
GET Citizens United v. FEC OVERTURNED.END CORPORATE CONTROL
https://www.house.gov/representatives/find/
DON'T PLAY THE FORUM GAME WE ARE ALL BETTER THAN THAT

SUPPORT UV ARTIST/VENDORS/ENTERTAINERS AVI IMAGE BY Mizaki_Tanaka
REGISTER TO VOTE OR CHECK IF REGISTERED @ https://www.usa.gov/election-office
Back to top
WWW
_Elyse_
#6 Posted : Wednesday, January 23, 2019 8:07:03 PM(UTC)


Rank: Rising Forum Member

Joined: 8/25/2018(UTC)
Posts: 68
Medals:
Silesa;1573798 wrote:
Elyse_Cohen;1573787 wrote:
Thank you, Silesa.

I think I get it. I just have to figure out where I can host it.



Give me the 11 character code i will put it on SiTV server But you are on your own
with the rest and updating the video after i do the first one. Counting on me getting to update it right away while i have maintaining/updating sitv work going on, you might want to do your own. But i will do if you need me to.

There are other topics that suggest good sites to host files/images shop around and check if https

Best to have your own and seems you can handle that.

Peace


That is very generous of you but it's okay. I don't want to have you do that... I just don't understand WHERE to host my own page like you did yours so I can add the youtube video. I'll take your suggestion and keep looking it up. I already have places to host images like Image Shack, Imgur, etc. But I don't own a page to host an autoplay video from Youtube. I really appreciate your help, it's very kind of you. Thank you so much.
Back to top
Silesa
#7 Posted : Wednesday, January 23, 2019 10:16:47 PM(UTC)


Rank: Veteran Forum Member

Joined: 6/22/2011(UTC)
Posts: 15,204
Medals:
a good place to start if new to having your own site to host things would be HostGator.com or godaddy.com

They should have offers for new accounts and month to month billing

if you pay for a year of hosting you can save

But make sure you get a deal with a free domain name as part of the package

That domain name will need to be updated each year

Those 2 sites will have easy to use cpanels and lots of help pages on setting things up

Basically the code i posted about for the actual web page is just a text file which ends in .html that will need to be uploaded to your host in a folder of it's own if you want to name it index.html


Managing files on your host is much like managing files on your computer

You do that through cpanel by logging into hostgator or godaddy

and once in cpanel go to file manager that will work much like the folders
on your pc with the Public folder being like your c drive of your computer

In the Public folder create a new folder call whatever like YOUTUBEBACK

the create the text/html file and name it ending in HTML with what i posted/ you edit above save it and upload it to your new folder

PM me here if you get stuck

It is fun and can be useful for many things having some webspace you can use in ways you can not without your own hosting. This is different than cloudspace there is managed and unmanaged of those. Cloudspace is different than own host / own domain.


Sorry for grammar and typos Just holler in PM if you need


Peace

CALL CONGRESS reps/senators
GET Citizens United v. FEC OVERTURNED.END CORPORATE CONTROL
https://www.house.gov/representatives/find/
DON'T PLAY THE FORUM GAME WE ARE ALL BETTER THAN THAT

SUPPORT UV ARTIST/VENDORS/ENTERTAINERS AVI IMAGE BY Mizaki_Tanaka
REGISTER TO VOTE OR CHECK IF REGISTERED @ https://www.usa.gov/election-office
Back to top
WWW
_Elyse_
#8 Posted : Thursday, January 24, 2019 7:25:55 AM(UTC)


Rank: Rising Forum Member

Joined: 8/25/2018(UTC)
Posts: 68
Medals:
Thank you, Silesa,

I found out how to do it in a more simplistic way for free. I appreciate your posts and thank you again for offering you help. I wish you a great week.
Back to top
1 user thanked _Elyse_ for this useful post.
Silesa on 1/24/2019(UTC)
Users browsing this topic
Guest (4)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Clean Slate theme by Jaben Cargman (Tiny Gecko)
Powered by YAF | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.236 seconds.
TC-IIS-7
18.191.62.122