1. The easiest way to include video on your page is to embed a video from _______ or Vimeo.
That's correct. Well done!
The correct answer:
YouTube
Press Tab or click button to advance to next exercise.
2. The HTML element that embeds a YouTube or Vimeo video on your page is an ______.
That's correct. Well done!
The correct answer:
iframe
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
3. In addition to width and height specs, the iframe tag specifies whether there's a frame______.
That's correct. Well done!
The correct answer:
border
Press Tab or click button to advance to next exercise.
4. If you don't want the user to enlarge the frame to fill the screen, you _____ that part of the code.
That's correct. Well done!
The correct answer:
delete
Press Tab or click button to advance to next exercise.
5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to assemble YouTube embedded code.
6. Click in the box and type the next character. I'll autocomplete. Don't type spaces or carriage returns. When the exercise is complete, I'll turn the exercise number green.
What do you click here to embed a YouTube video?
That's correct. Well done!
Press Tab or click button to advance to next exercise.
7. Fail-safe coding. If you type the wrong character, I'll cancel the keystroke. Type spaces. When the exercise is complete, I'll turn the exercise number green.
What do you click here to embed a YouTube video?
Press Tab or click button to advance to next exercise.
That's correct. Well done!
8. What do you click here to make choices about video size etc.?
That's correct. Well done!
The correct answer:
SHOW MORE
Press Tab or click button to advance to next exercise.
9. What is the first thing to choose here?
That's correct. Well done!
The correct answer:
Video size
Press Tab or click button to advance to next exercise.
10. Fill in the blank. If you specify a custom video size, it must be in the ratio __ x 9.
That's correct. Well done!
The correct answer:
16
Press Tab or click button to advance to next exercise.
11. To complete the embed, YouTube gives you some HTML code to copy and paste into your page. What are the first seven characters of that code?
That's correct. Well done!
The correct code:
<iframe
Press Tab or click button to advance to next exercise.
12. To add a border, you replace the _.
<iframe width="640" height="360"
src="//www.youtube.com/embed/_tky2rAxBIU?rel=0"
frameborder="0" allowfullscreen></iframe>
That's correct. Well done!
The correct answer:
0
Press Tab or click button to advance to next exercise.
The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
13. Time goal: 10 seconds. What do you click here to embed a YouTube video?
Press Tab or click button to check answer.
The correct code:
Embed
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
14. Time goal: 15 seconds. What do you click here to make choices about video size etc.?
Press Tab or click button to check answer.
The correct answer:
SHOW MORE
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
15. Time goal: 15 seconds. What is the first thing to choose here?
Press Tab or click button to check answer.
The correct answer:
Video size
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
16. Time goal: 10 seconds. Fill in the blank. If you specify a custom video size, it must be in the ratio __ x 9.
Press Tab or click button to check answer.
The correct answer:
16
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
17. Time goal: 10 seconds. To complete the embed, YouTube gives you some HTML code to copy and paste into your page. What are the first seven characters of that code?
Press Tab or click button to check answer.
The correct code:
<iframe
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
18. Time goal: 5 seconds. To add a border, you replace the _.
<iframe width="640" height="360"
src="//www.youtube.com/embed/_tky2rAxBIU?rel=0"
frameborder="0" allowfullscreen></iframe>
Press Tab or click button to check answer.
The correct answer:
0
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
19. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
20. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
Post a review on Amazon for the paperback or the Kindle edition.
Email me to give me a compliment, complaint, or correction. I'll respond.
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19
1
0