OSU Inserting images Oregon State <img src="myimage1 jpg"> <img src=subfolder/anotherimage gif"> Images can be in folders Widely-supported image formats gif ( good for logos) jpg good for photos png general-purpose
Inserting images <img src="myimage1.jpg"> <img src="subfolder/anotherimage.gif"> Images can be in folders. Widely-supported image formats • gif (good for logos) • jpg (good for photos) • png (general-purpose)
OSU Inserting other pages(IFRAME) Blah blah blah <iframe src="otherpage htm ></iframe> bottom of my page <b>here's content of <isotherpage. htm</i></b>
Inserting other pages (IFRAME) Blah blah blah <iframe src="otherpage.htm"></iframe> bottom of my page <b>here's content of <i>otherpage.htm</i></b>
OSU Inserting videos Oregon State <video width=400"height=300controls> sourcesrc=http://blahblah.com/videofile.mp4 ype=' video/mp4; codecs=avc1.42E01E, mp4a 40.2> sourcesrc="http://blahblah.com/videofile.ogv type='video/ogg; codecs=theora, vorbis"> </video> This is the standard hTml version 5 way of inserting videos Older browsers do not support this tag, FYl. You need to create both mp4 and ogv formats to insert videos this way
Inserting videos <video width="400" height="300" controls> <source src="http://blahblah.com/videofile.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="http://blahblah.com/videofile.ogv" type='video/ogg; codecs="theora, vorbis"'> </video> This is the standard HTML version 5 way of inserting videos. Older browsers do not support this tag, FYI. You need to create both mp4 and ogv formats to insert videos this way
OSU FYl about videos Oregon State A video file is like a zip file or a package file -It essentially has several streams or files inside"it Some of the streams are for video others for audio Each of these is encoded and/ or compressed The encoding/compression algorithm is called a codec There are lots of possible codecs your browser reads, decodes, expands, plays all of these streams in parallel Assuming the codecs are installed on your computer and properly configured for your browser
FYI about videos • A video file is like a zip file or a package file – It essentially has several streams or files "inside" it • Some of the streams are for video, others for audio – Each of these is encoded and/or compressed • The encoding/compression algorithm is called a codec • There are lots of possible codecs – Your browser reads, decodes, expands, plays all of these streams in parallel • Assuming the codecs are installed on your computer and properly configured for your browser!
OSU Much simpler approach Oregon State 1. Post the video to you tube or vimeo 2. Let their server figure out how to convert 3. Use shareand embed"to get HTML These instructions may not sound sophisticated but they will enable you to"keep up with the times" as new standards come along
Much simpler approach 1. Post the video to YouTube or Vimeo 2. Let their server figure out how to convert 3. Use "share" and "embed" to get HTML These instructions may not sound sophisticated, but they will enable you to "keep up with the times" as new standards come along!