HTML - Video Embed In Html Event
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. Similar TutorialsHi 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! 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 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 folks, I have two related questions so I'll ask both in the same post. My first question is I have a video that I show using the <embed> tag. For example <embed width="540" height="350" src='../media/movies/police_chief_intro.wmv' autostart=true> Now, the video plays fine but what I experience is one of the frames near the beginning is displayed first and the video played over top of it. The pain is the image is larger than the video. Another pain is it only really does this in Firefox. My second question is how do I remove the controls from the video player? I use the same code as above but add controller=false. They don't show in FF and perhaps some others but in Safari they are still displayed. Thanks in advance for any advice! saw some web pages where the video inside came from youtube The whole page was from their own site but the window that showed the video was from youtube. almost like a window into youtube for just that 1 part of the page can this be done with just html? area maps? I really need to do this. My host server gives problems when I embed a video, It would be great just to use youtube please help -marksmolen@mail.com 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, I have a client were working with. He uses myspace. He wants a youtube video to autoplay from youtube. He wants it to look sleek and doesn't want the controls buttons to show. I've read this is possible but can't get the div code right. It's an HD video and it's height="480" width="720". We came across this url: http://www.createblog.com/myspace-sc...eo-top_bottom/ and We found this code as an example it says: Where it says YOUTUBE URL HERE insert your youtube embed url, not the url of the YouTube page. Change the first 380 and the 230 to change the video's size and the -90 to position the video. **** <div style="width:380px; height:230px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="410" width="380" style="position:relative; top: -90 px;" data=" YOUTUBE URL HERE "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="YOUTUBE URL HERE" /> <param name="wmode" value="transparent" /> </object> </div> **** This is our code were tried but it is not working? can you please help us. Thank you in advanced. Our code we tried: **** <div style="width: 720 px; height: 480 px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height=" 410 " width=" 380 " style="position:relative; top: -90 px;" data=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 " /> <param name="wmode" value="transparent" /> </object> </div> **** Hello, I've done alot of seaching and haven't found to many articles on this. I would like to embed a youtube video on my site, but don't want to play the audio that goes with it. I tried adding &volume=0 after the tag, but this doesn't work. Any ideas!! Much thanks in advanced! here's the code used: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="540" width="650"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/aKuFww3ljM&ap=%2526fmt%3D18&loop=1&autoplay=1&volume=0" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/aKuFww3ljM&ap=%2526fmt%3D18&loop=1&autoplay=1&volume=0" height="540" width="650" wmode="transparent" /> </object> Hello, I am designing and building a website and I can't figure out how to do something. I guess you could say I'm an 'somewhat advanced newbie', so just bear with me. Here's what my goal is: I'd like to have, on every webpage, a couple areas that are sourced from an individual file. For example, right under the header I'd like to have an announcement bar. My thoughts are is that I could just make a separate HTML file, called 'Announcement.html' and embed that into the annoucement area. This way, I could just edit the one HTML file and it would make the changes site-wide. I would also like to do this for my header, footer, etc... The main thing that would be unique to the webpage would be the actual content. My thoughts are that I could do this by embeding a HTML file into the webpage, but if there are other ways to go about this, I'd be appreciative of that as well. If you need any other information, I'll be glad to get it for you. Any help will be greatly appreciated, PianoKid Hi everyone, Now I am trying to put the pdf file on my web page. I use: <embed src="myfile.pdf" width="800" height="700"> but it doesn't appear in the page, it only shows the icon like small square picture. My browser is IE8. Any Suggestion, please.... Regards, Win. I have an .swf file I have created (an internet banner), and I need to be able to upload it to my webpages such as myspace, etc. I have the .swf file loaded into www.photobucket.com -- how do I embed this into html? I need help ASAP so please respond PS- please keep it newbie-fied... yes, I am a noob to html and am attempting to learn alot... so keep it easy, please -blindman I want to embed an HTML file in wordpress, the file has both flash version and an HTML file, when I uploaded the both, the file is not working. What could be the reason? Hi, However, many of thesystems can work with embedded images, media files and so can any one show an example of a simple PDF file embedded within a HTML page? Hello, I am building an offline video sharing site (Like youtube- just not connected to the internet). I want to embed SD (flv)& HD (mp4) videos to this site, when user need only flash player installed on his machine (just like youtube). Can anyone assist me with this html code writing & accessories needed? Thanks, Avi Hey! I'm new. Like the forums! I have an odd question. I have a profile on another website. There's a section called 'About Me' and I can fill it with information about myself (it supports html). But the problem is that there is a 5000 character limit and I well exceeded that. Is there a website that would allow me to type my profile information and then give me some html code and wherever i would paste the code i would get my profile information? Thanks! Greetings. I have a basic html page, and want to embed audio. I am using: <BGSOUND SRC=myfile.mp3 LOOP=1> So that when my main index.html page loads, that file plays. Two things I want to do: 1) Let it continue playing when I click on another page within my site (it currently stops when I navigate away from index.html) 2) Assuming I can do #1, make it stop playing when I navigate to one page in particular. This possible? Doing a google search, and that's actually how I came up with that code, but cant seem to find anything in regards to making 1 & 2 work. I do not want to do frames, and definitely do not want to do a flash site, which I undertand may be the only way. Any ideas on how to make this work with html? Thanks in advance! Hi, So I am lost at how to do this, I have a server side program that scrapes websites (e.g amazon.co.uk) and modifies the content and reserves this as its own page. (I know this sounds naughty but intentions are honorable!) basically I want to set the page to be a header (of my website header) and an Iframe type element containing the full html of the scraped text. Similar to proxify.co.uk Looking at the page source of proxify, they needed to do some serious modification of the page they reserve to achieve this Any ideas how to achieve this simply for example say the page I scraped looks like <html> <body> scraped site </body> </html> I would like to be able to do <html> <body> my header <magic frame> <html> <body> scraped site </body> </html> </magiceframe> </body> </html> 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> |