Host Mobile Video on YouTube
For mobile web designers who don’t want to struggle to figure out whole new lexicons of technical specifications, the simplest option is to let YouTube, shown in the figure, do all the work of hosting and delivering video.
YouTube makes all its video mobile friendly, delivering the best version for each device.
When you upload a video to this popular website, you have two options for how to include the video on your website:
Link to a YouTube video. If you add a link to a video on the YouTube site from your web page, when a visitor clicks the link, the YouTube site opens in Safari on both the iPhone and iPad.
Embed a YouTube video. YouTube also makes it possible for you to copy a snippet of code from the YouTube site to embed a video directly into your web page, in much the way Vimeo does in the exercise in the previous section. When you use the embed code, the video plays in place in your page when viewed in an iPad.
On an iPhone, when a visitor plays an embedded video, the iPhone video player launches and plays the video full screen. The visitor must then close the video window to return to your website in Safari.
Web Design & Development Glossary
AJAX
asynchronous JavaScript and XML. A technique used in web page development.
Web Design & Development Glossary
API
application programming interface. A set of rules programs use to communicate with each other.
Web Design & Development Glossary
color stop
A special element that indicates a color to be added to a gradient.
Web Design & Development Glossary
FTP
File Transfer Protocol. A network protocol useful for transferring files in a client-server relationship.
Web Design & Development Glossary
HTML
HyperText Markup Language. The predominant language for building web pages.
Web Design & Development Glossary
HTTP
HyperText Transfer Protocol. The primary networking language for the Internet.
Web Design & Development Glossary
PHP
PHP Hypertext Processor. A scripting language that works well within HTML.
Web Design & Development Glossary
socket
A technology that allows remote computers to maintain a persistent connection in order to communicate with each other.
Web Design & Development Glossary
sprite
An graphic object on a web page that will be manipulated in real time.
Web Design & Development Glossary
SQL
Structured Query Language. A programming language useful in managing relational databases.
Web Design & Development Glossary
stateless protocol
An Internet procedure that completely breaks the connection between the client and the server after a transaction, meaning that the next transaction will require an entirely new connection.
Web Design & Development Glossary
Telnet
A network protocol useful in interactive, text-oriented communications.
Web Design & Development Glossary
W3C
World Wide Web Consortium. The organization that sets international standards for the World Wide Web.
