Embedding Videos.

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

How To Copy and Paste Pictures From the Internet
Symbaloo Save, access, and share all of your online resources in one central location!
Whats New in Office 2010?. Major Changes in Office 2010 The Office Ribbon, which first made its appearance in Office 2007, now appears in all Office 2010.
Patrick’s PowerPoint Secrets Revealed Paul Bennett.
WEBSITE UPGRADE: ADDING VIDEO AND AUDIO GREG YANKEY.
CHAPTER 8: Enhancing a Website Session 1. Objectives Embed a YouTube video in your website Insert a slideshow in your website Use Google fonts in your.
Embedding Videos. Adding Videos to Our Website: Videos can make our pages more interesting and engaging. Most video-hosting websites, such as YouTube,
How to add a Wevideo project to you Jimdo Homepage Frontier EMST.
Teaching With the Tubes How to use YouTube and TeacherTube videos to supplement instruction Presented by Farmington Technology Department.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Class Embedding maps on the listing page of your United Country office website.
Making an HTML Document Notepad Group Bo Kim Dan Carter Han Chong Justin Weaver Kris Lamont.
Creating your Webpage with tables. This is a 2 column by 1 row table!
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
Iterative Batch Geocoding With Atlas GIS Version 4.0.
Step by step to adding sound files and embedding YouTube video to your FYIcode mobile site.
1. Add your Name and to the First Page of the wiki:
A Step by Step Guide How to add your own pages to the website.
HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit D Adding Graphics and Multimedia.
How to use Microsoft Word. Where can I find Microsoft Word? How to select, copy and paste information Go to the document from which you wish to copy the.
1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to
How To Add Flair To Your Site Maureen Enright, Elyse Kuriata, Nathan Boes, Hodge.
Nickelodeon – Blogs User Guide. 1. Introduction The admin tool allows you to create and publish blog posts easily and efficiently along with managing.
Web Design (7) Images (1). Images and the Image Element Images can be placed in the flow of text..jpg,.png and.gif image files work in web pages The img.
Lesson Spreadsheets Spreadsheet – Open Office Calc.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
***Adding items to your Etudes Homepage*** Log into Etudes
Videos. Adding Videos to a Web Page Videos can make our pages more interesting and engaging. Most video-hosting services, such as YouTube, will provide.
Using an HTML image (img) element’s onclick event to change the source (src) of an iframe to an embedded youtube video.
Why would you want to embed video & audio into the Discussion forum on a wiki?
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
 How to create a quiz and teacher code. 1)First find a video on Youtube or other video hosting website and copy the embed code (Video embed code pictured.
Intro to Excel - Session 6.11 Tutorial 6 - Session 6.1 Integrating Excel with Other Windows Programs and the World Wide Web.
Adding Images. XHTML Element ElementAttributeAttribute Value Closing tag AttributeAttribute Value The src attribute supplies the name and location of.
Highly Confidential – for UCRE Affiliate Use Only 2015 Regional Training Embedding Maps into your listings on your United Country office website.
USING WORDPRESS TO CREATE A WEBSITE (RATHER THAN A BLOG) STEP-BY-STEP INSTRUCTIONS.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
Advanced Website Training: June, 2010 Insert Images as Your Background Using Google Docs for Document Hosting Custom Contact Forms on Your Website.
How to Embed a YouTube Video into a PowerPoint Presentation. Eric Hoehn TEC /1/10.
“Successful Uses of HTML Computer Code” Shannon Harwell.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
Instructional Design Center Embedding Google Documents in Blackboard.
 Enter blogger.com in the search barblogger.com  Log-in through a valid Gmail account (or create a Gmail account if you don’t have one)  Then click.
ACCELLER WIKI TRAINING Share your knowledge with others.
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Add Video Library in Company
Html.
Videos.
Using the HTML and CSS Validation Services
ClubRunner Tutorial Home Page Stories.
Simple steps of using Google Earth to prepare Field Study report
Guided by: wpglobalsupportwpglobalsupport Embed a Facebook Video in WordPress Website.
Adding Images.
Client-Side Internet and Web Programming
To have your National or Local Organization’s logo appear automatically on every new slide, follow the instructions below. Click on View-> Master -> Slide.
GET INVOLVED GET INVOLVED SPECIAL OLYMPICS MINNESOTA
Connect: What kind of multimedia might you use on a web page?
Basic HTML and Embed Codes
Welcome to 2013-and Technology in the Classroom by Tim Rhodes
QUICK-START Guide: Embed GIS Map FIR in Web Page
Adding Images.
Adding information to provider pages
Presentation title here
Videos.
Adding Images.
Formatting pictures & adding cover pages
Adding Images.
HTML5 Audio & Video By Derek Peacock
“Captured screen” appears.
Adding Images.
Presentation transcript:

Embedding Videos

Adding Videos to Our Website: Videos can make our pages more interesting and engaging. Most video-hosting websites, such as YouTube, will provide us with code to copy and paste into our web page. Video-embedding code might not be XHTML valid, requiring us to make changes before the page will pass validation.

Embedding a YouTube Video: To place a YouTube video into your web page, go to the video on YouTube and click on the Share button.

Embedding a YouTube Video: Next, click on the Embed button that appears.

Embedding a YouTube Video: Once you have specified the window size, copy and paste this code into your XHTML document. Choose your window size or specify your own dimensions.

YouTube Video Example: <body> <h1>Example of Embedding a YouTube Video</h1> <iframe width="480" height="390" src="http://www.youtube.com/embed/nFoidIMqWGY?rel=0" frameborder="0" allowfullscreen></iframe> <h2>This heading should appear below the embedded video.</h2> </body> If you wish to resize the video window on your page, you don't need to go back to YouTube and repeat the process. Just edit the dimensions in the code, making sure to keep the same width-to-height ratio.

Making the YouTube Code Validate: <body> <h1>Example of Embedding a YouTube Video</h1> <iframe width="480" height="390" src="http://www.youtube.com/embed/nFoidIMqWGY?rel=0" frameborder="0" allowfullscreen></iframe> <h2>This heading should appear below the embedded video.</h2> </body> Attempting to validate this page results in the above error. We can fix this simply by deleting "allowfullscreen" from the code. This has no difference to how our page looks but our page will now pass validation.