|
HTML - Video Library Html Code
Hello,
I'm looking to create a page where you have a section of the page (predefined) to show a main video and then images at the bottom that will change the video in the section. For example, when the page is launched, you have an area where you can click on that will launch the important video. Then, bellow this video, I would have 8 small images and when clicked on one of the images, a new video would be shown in that same predefined area. Basically, I'm looking for something like this: http://video.itworldcanada.com/ An area where videos are shown and link at the bottom where you can select the next video you want to see. Thanks in advance for your time!!! Similar TutorialsHello folks, I don't know almost anything about html code. I was using this simple html code for years, anytime I needed to stream one of my videos. <html> <head> <title></title> </head> <body bgcolor=="000000"> <table width="1280" height="736" align="center"> <tr> <td><embed src="BGI.mov" height="736" width="1280" align="middle"controller="true"></td> </tr> </table> </body> </html> Video file has name BGI.mov and is located in the same folder as html. The problem is, that it takes forever for video to download, sometimes 6-8 minutes. here is the URL of html page: http://www.bcoutback.com/videos/bgi.html I have talked to QuickTime guys and they did not find anything wrong with the file and they suggested that this HTML code is no longer good. Apparently, there is now completely different way of embeding video files and it has to do with applying functions. So I am wondering if someone could give me some simple advise how to write this simple code in the modern way. Please, keep in mind that I am complete html beginner. Thank you so much for your help. I am trying to grab a video from an html page. Its not a normal piece of embed code that would be used with youtube. Any help is appreciated. --> Begin code if(typeof(_evpLoad) === 'undefined') { var _evpAssetsLoaded = false; function _evpLoad(url, callback) { if(_evpAssetsLoaded === true) { callback(); return; } var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function() { if (script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; _evpAssetsLoaded = true; callback(); } }; } else { script.onload = function() { _evpAssetsLoaded = true; callback(); }; } script.src = "http://player.affiliatedotcom.com/player/"+url; document.getElementsByTagName("head")[0].appendChild(script); } } if(typeof(_evpStorage) === 'undefined') var _evpStorage = {}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='] = {"absolute":"http:\/\/player.affiliatedotcom.com\/","id":"evp-6792edc2f91c81a8da6278a028e3ea1e","div_id":"evp-094b566ec1a42cdc6eecad88387a3342","bucket_name":"evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3","file_id":"bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==","type ":"video","skin":{"tooltipColor":"#5F747C","buttonColor":"#808080","buttonOverColor":"#7d7d7d","bord erRadius":"5","volumeSliderGradient":"none","backgroundGradient":"none","tooltipTextColor":"#ffffff" ,"sliderColor":"#000000","timeBgColor":"#555555","sliderGradient":"none","durationColor":"#ffffff"," progressGradient":"medium","progressColor":"#46a8ec","bufferGradient":"none","timeColor":"#80cbff"," volumeSliderColor":"#000000","backgroundColor":"#212121","bufferColor":"#454545","height":24,"opacit y":1},"finish":"0","local":null,"cloudfront":"d1y9lu9mznaao3.cloudfront.net","splash":true,"splash_i mage":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png","data":{"width":"640","height":"360","affiliate_id":"","button_text_color":"#FFFFFF","bu tton_body_color":"#000000","html_body_color":"#000000","simple_page_name":"","button_body_translucen t":"true","html_body_translucent":"true","skin":"electric_blue","target":"bWVkaWEtbWVudG9ycy13ZWVrLT Mtd2ViaW5hci0xLm1wNA==","scaling":"orig","shadows":"true","autoPlay":true,"autoBuffering":"true","al low_fullscreen":"true","control_type":"show","promote_software":"","finish":"0","simple_page":"","us e_conversions":"0","use_upsells":"0","source":"bW9kdWxlNHBhcnQxNS0xLmZsdg==","splash":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png"}}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].embed_code = "<div id="evp-094b566ec1a42cdc6eecad88387a3342-wrap" class="evp-video-wrap"></div><script type="text/javascript" src="http://player.affiliatedotcom.com/fr...><script type="text/javascript">_evpInit('bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==');</script>"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].div_id = 'evp-f7be0555750712ba6518ac333444e0d8'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].alternate_embed = false; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].file_extension = 'mp4'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].local_assets = ""; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].project_name = "EasyVideoPlayer Pro"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].affiliate_url = "http://%s.webactix.hop.clickbank.net/"; if(typeof(_evpInit) === 'undefined') { function _evpInit(id) { _evpLoad('assets.php?v=1.1.14', function() { _evpGo(id); }); } } ---> end code Hi All, I am having issues with the following code from a video file (in html). Hoping you can help, I need to make the video start automatically. This video is from Tube Chop (Tube Chop is a similar service than you tube) and you can copy and paste the code from any video and paste is onto a website as an embedded file. I am trying to get the file to start automatically as soon as any user goes to the page (as opposed to having to click on the video). I know for you tube all you have to do is add "&autostart=1 and it works fine. But I tried to put this code below and it still doesn't work. Can someone assist? FYI - Pls note that the part that reads "&start=0&end=26" below was included on purpose so the video starts at the beginning and end after 26 seconds. The website added the code. I need to keep this rule while still getting the video to autostart. Code: <p> <object width="500" height="344"><param name="movie" value="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694"></param><embed src="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694" type="application/x-shockwave-flash" allowfullscreen="true" width="500" height="344"></embed></object></p> Thanks very much. Hi all, i want to play the downloaded flv videos in offfline mode in HTML. I already done with online playing in HTML like youtube videos play in browser. But I have downloaded few videos and i want to play those videos in offline mode(without internet) by giving compelete path in Windows/Mac. Can anyone help in this case??? Thank You all.. Im sure this question has been asked many a time so sorry for asking it again, i have my own web site and would like to add a video section were people can upload clips as well as myself, can someone give me the html code for doing this. Thanks I could not, for the life of me figure out a way to phrase a google search for this. So hopefully someone here can help me. Is there any way to have an imbedded quicktime player, that will play a multitude of links? I.e. this page http://www.thenewmonarchs.com/video.html I want to code it so that every link you click on will play in the embedded video. So basically, whatever video you choose will be played through the same spot. Hopefully that makes sense? I'm terrible at wording html related questions, so please be forgiving! Hey everyone i need to know what is the code for video and music to put on my website. I had music on there before but now that i have firefox, it keeps saying download additional plugins, and i have them all. When i click to search for additional plugins, it says,, "no plugins found" Please help , thanks well i want to be able to input code that places a watermark/logo on the top right of my video . So i dont have to go and embed watermarks on each video .if anyone can tell me how this can be done please help i have done it before but it's been a while and i forgot the code i use to place a video is the following: Code: <embed src="http://(-------)/player.swf?file=http://(-----------).flv&image=http://(------------------)png&skin=http://(-------)/schoon.swf" true="true" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="480" height="360"> </div> I have uploaded a video on to putfile but they dont display anycode for me to embed th e video into my site. So i opend up the page source and found the code they are using to embed the video on there page and i copyed and pasted this code onto my site and it was working fine. About 20 minutes latter i checked the site again and the video was not working so i checked there page source again and they had changed the src url of the video. How come they do this? and is there any way round this? Before anyone says i cannot upload to sites like youtube because my video doesnt display properly since it has to open in a windows media player. I have been using the script below to make it so that a random image is displayed every time the page is refreshed or accessed. It has worked very well, but what i am wondering is does anyone know how to make this code adapt to embedding video urls, so a random video would be displayed from the list whenever the site was accessed or reloaded? I have tried several variations without luck. I am not really a coder so most of what i do is trial by error, but i was hoping someone else might be able to point me in the right direction. Thank you! Here is the code i am using for the random image generator: HTML Code: <SCRIPT language="Javascript"><!--
function image() { };
image = new image();
number = 0;
// imageArray
image[number++] = "<img src='First Image url' border='0'>"
image[number++] = "<img src='Second Image url' border='0'>"
increment = Math.floor(Math.random() * number); document.write(image[increment]);
//-->
</SCRIPT>
Hello, Using the Greasemonkey script on Facebook, I was able to embed a video on my website. However, the code is not XHTML compliant (includes embed tags). The code is below. I've struggled trying to convert this into code using the object tag. is it possible? Can someone show me where I need to move each part of the existing code into an "object" based code? Thanks, Josh Code: <embed type="application/x-shockwave-flash" src="http://b.static.ak.fbcdn.net/swf/mvp.swf?7:136764" width="576" height="432" style="" id="so_mvp_swf_4962e86f49d3b2a98429149" name="so_mvp_swf_4962e86f49d3b2a98429149" bgcolor="#000000" quality="high" allowScriptAccess="always" scale="showall" allowFullScreen="true" wmode="window" flashvars="video_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F58389155428_4899.mp4&stage_width=756&stage_height=567&motion_log=%2Fvideo%2Fmotion_log.php&video_id=553535535428&video_length=408440&video_seconds=408&video_category=0&video_rotation=0&video_href=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D58389155428&fbt_play_again=Play+Again&fbt_go_to_video=Go+to+Video&fbt_next_video=Next+Video&fbt_share=Share&video_player_type=video_player_permalink&video_width=756&video_height=567&slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_slate.swf%3F7%3A134155&tail_slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_tail_slate.swf%3F7%3A134155&next_video_url=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D6637075428&video_owner_name=Becky+Draper-Vilimek&video_owner_href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D6545535428&video_timestamp=Added+on+Thursday&video_title=Our+Wedding+-+September+13%2C+2008&thumb_url=http%3A%2F%2Fvthumb.ak.facebook.com%2Fvthumb-ak-sf2p%2Fv643%2F101%2F68%2F682235428%2Fb682244448_58389155428_1292.jpg&highqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv247%2F26%2F116%2F58389155428_44340.mp4&lowqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F55355355428_4899.mp4&fbt_lowqual=View+in+Regular+Quality&fbt_highqual=View+in+High+Quality&highqual_is_on=1&string_table=http://static.ak.fbcdn.net/js_strings.php/t85501/en_US&swf_id=so_mvp_swf_4962e55435442a98429149"/> What code would websites like youtube and metacafe let other people upload things? Hello all, So far I've read a number of threads on here related to embedding videos on a HTML page. I don't think I've yet to find one definitive answer, if one is at all possible. So here goes my attempt. I have a 70mb .wmv file (henceforth referred to as video.wmv) that I need to have embedded into a web page. I would like for the video to show up on a 640x480 px size window on the center of my page, and have the least amount of compatibility issues possible (IE, FF, etc...). I have a line of link buttons for the bottom of the page, a background image, and a header bar. What is the best current solution to doing this? Certifried Newbee here, so please talk slowly and show me some code. Thanx. My current code is below. <html> <title>Video Page</title> <head> <STYLE TYPE ="text/css"> <!-- BODY {margin: 0; font: 10pt; font family: Arial Black; color: FF8000; background: black; background-image: url('Images/BG.gif'); background-repeat: no-repeat; background-position: center center; padding: 0px; height: 100%; width: 100%;} --> </style> </head> <body> <HR COLOR="FF8000"> <H1 align="CENTER"><FONT SIZE="+6"><U><B>Page Title</U></B></FONT></H1> <H1 align="CENTER"><P><FONT SIZE="+2">Subtitle Text goes here.</FONT></P> </H1> <H1 align="CENTER"> <object type="video/x-ms-wmv" width="640" height="480"> <param name="src" value="Files/video.wmv" /> <param name="autostart" value="1" /> <embed src="Files/video.wmv" width="640" height="480" type="video/x-ms-wmv" autostart="1" /> </object> </H1> <HR COLOR="FF8000"> <H1 ALIGN="CENTER"> <HR COLOR="FF8000"> <FONT SIZE="+1"> <L1><A HREF="../index.htm"><IMG SRC="Images/home.gif" BORDER="0"></A> <L1><A HREF="Brochure.PDF" target="_blank"><IMG SRC="Images/brochure.gif" BORDER="0"></A> <L1><A HREF="video.htm"><IMG SRC="Images/video.gif" BORDER="0"></A> <L1><A HREF="about.htm"><IMG SRC="Images/about.gif" BORDER="0"></A> <L1><A HREF="contact.htm"><IMG SRC="Images/contact.gif" BORDER="0"></A> <HR COLOR="FF8000"> </FONT> </H1> <HR COLOR="FF8000"> </body> </html> I'm new to HTML and I'm trying to embed a video from Youtube to the page. I know that you can just copy the embed line from the youtube video site, but what I want is if I click a picture on one(left) side of the page, the video will appear on the other side(right). The page is split into two where all of the left side has a picture, and when you click it, the picture(or video) will enlarge on the right. The video itself should be embedded, not redirect me to the site. I'm using Microsoft FrontPage. Anyone know what lines or commands on the HTML page I should put to do this? Here is an example of the HTML lines that I have currently and I want to change: <tr> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=Wri" target="main"><img border="2" src="03_small.jpg" alt="03.jpg (2891 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=C" target="main"><img border="2" src="02_small.jpg" alt="02.jpg (3219 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=6b" target="main"><img border="2" src="01_small.jpg" alt="01.jpg (2236 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"> </td> </tr> How to add .swf and video to html page with disabling scrollbars and stretching the .swf and video to the whole page? I am using these codes for creating projects for sale purposes, I am also asking for permission for using these codes for my projects! looking 4wrd. Hi guys, I have a problem with the layers, i'm trying to make a button that have a behavior which make visible an invisible layer, perfect, it works, but i need that this happen over a video qt, but te video doesn't allow that. I mean, if under tha layer are an image or text, the layer is over that items, right, but when under the layer are a video qt or a flash movie, the layer apear under them, i tried inclusively with the "z-index" but it didn't work either; if you know how to do that, i would appreciate any help about it. Thanks... Hi there!! Please I need help. I am embeding videos to mu blog, but are videos from a TV station so I took the code but is strange I can't make them stop. My users start to be upset about it. <p align="left"><script type="text/javascript"></script> <div id="flashcontent" style="width: 570px; text-align: center;"><script src="http://v.cctv.com/playcfg/js/common.js" type="text/javascript"></script> <object id="flvEmbed" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="wmode" value="window" /><param name="flashvars" value="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" /><param name="src" value="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" /><param name="allowfullscreen" value="true" /><embed id="flvEmbed" type="application/x-shockwave-flash" width="480" height="360" src="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" allowfullscreen="true" flashvars="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" wmode="window" allowscriptaccess="always"></embed></object> I will appreciate your help. thanks! Hi: I have a videos embed in a html page like the code below. <EMBED TYPE="application/x-mplayer2" SRC="videos/bienvenido.avi" NAME="MediaPlayer" WIDTH="190" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="1" align="right"> </EMBED> Is there a way I can figure out when a user has clicked on the play of the video or when the video has been played until the end ? ( In html / javascript or php may be ) Thanks, Michael. How do I embed a flv and also an ivr file in html? Index of /assets/video By the way, right click and save those while you can. http://www.gelsana.com/assets/video/...logy_video.flv http://www.gelsana.com/assets/video/gm.ivr |
|||||||