Presentation is loading. Please wait.

Presentation is loading. Please wait.

Level 1 Tutorial Project How to put a movie player on your Weebly website using an HTML code.

Similar presentations


Presentation on theme: "Level 1 Tutorial Project How to put a movie player on your Weebly website using an HTML code."— Presentation transcript:

1 Level 1 Tutorial Project How to put a movie player on your Weebly website using an HTML code.

2 Step 1 Visit this website: http://mlbkid10.weebly.com/uploads/1/2/1/ 0/1210109/html_video_code.txt http://mlbkid10.weebly.com/uploads/1/2/1/ 0/1210109/html_video_code.txt Take all of the text and copy it into a notepad file (start>programs>accessories>notepad) Pictures to follow for all steps.

3 Just copy and paste it into an open notepad.

4 Step 2 Load up your Weebly site in edit mode and go to the page you want to put the video Under the elements tab, then basic you should be able to find the custom HTML object. Drag and drop it.

5 Normally its where the arrow is, once you drag it, it will show it like this.

6 Step 3 Go into the edit HTML option. When the edit custom HTML text is highlighted, go into you notepad with the HTML code and go to edit>select all>copy. Paste the code into the box on your website, if done correctly it should look like the following picture.

7

8 Step 4 In order to add the video, you need to use the file object and place a file object. After you place the object, click on it and select the video you want to put on the website. Remember, Weebly has a 5mb file limit, so the videos can’t be too long.

9 This is what the webpage should look like after you add the file of your choice and the HTML code.

10 Step 5 Your going to edit the HTML code now. Select the region that has the title, make sure not to delete any marks except the letters and the stars, (*s) doing so will cause a problem with the code.

11 The change to the title is highlighted

12 Step 6 The next step is to change the source of the video. To do this, start of by going to the file that you have and where is says download, you want to right click and select copy shortcut. After that you want to go into the HTML code, and delete the section with the source labeled, and paste what you copied from the file.

13 Delete all of the text between the two quotations, then paste the shortcut. Right click and copy shortcut First! Second!

14 Step 7 If done correctly you should get the following screen, it is very important that when the add-on at the top of the screen pops up, you select run add-on. You may have to press run add-on at the top, and then run on the next box that shows up.

15 Click on it and run it. Your page should look like this.

16 Step 8 After you run it, you will get the following screen, if you did it correctly all you have to do is click publish and then visit your site, and go to the page where you put the video.

17 If done correctly, just click publish and then go to your site, and the page that you put this video and file on. Click Here!

18 Step 9 Visit your site and go to the video. It takes a few minutes to load, so wait like 2-5 minutes and then click the play button.

19 The End Any questions should be answered by re- reading the tutorial.


Download ppt "Level 1 Tutorial Project How to put a movie player on your Weebly website using an HTML code."

Similar presentations


Ads by Google