HTML - Problem With Hotlink Protection And The Html 5 <video> Tag
Hi. I'm using HTML 5 video to deliver .mp4's to my site. I recently added hotlink protection via my root .htaccess file:
(I've replaced my website with "mysite.com" for security purposes: Code: RewriteCond %{HTTP_REFERER} !^http://mysite.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://mysite.com$ [NC] RewriteCond %{HTTP_REFERER} !^http://www.mysite.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://www.mysite.com$ [NC] RewriteRule .*\.(jpg|jpeg|gif|png|bmp|mp4|m4v)$ - [F,NC] This script blocks direct access to all image files and mp4/m4v files. Images display normally on the site, as they should, but videos no longer display. When I use the Flash-based Flowplayer to play my videos, instead of HTML 5 tags, they work fine, but the videos just won't show using HTML 5. They were working before, and I have changed nothing to my code except add hotlink protection to the .htaccess file. What's wrong, and what can I do to fix this? Is there another way to block direct access (i.e. browsing to the file using the address bar) to mp4 files without forbiding access to HTML 5 <video> tags on my website? Thanks! Similar TutorialsHello, A few months ago I ran a website that used a CMS (Postnuke) with a Invision Power Board forum. Everything went fine until one day a "hacker" came upon my site and somehow gained full access to my email and login name & password. Friends tell me that he used a SQL injection on either Postnuke or IPB, which gave him my password. He then proceeded to delete everything I uploaded via FTP by gaining control of my account in GoDaddy and also domain forwarded my website to his www. Naturally this was my fault for using the same password for everything... once he got it from the CMS or IPB, he continued to lock me out of my Gmail, Hotmail, Paypal, and other accounts. Yea, pretty stupid of me. So on to my questions. I've decided to restart a website, with a different domain, and am using pure HTML for everything. I do, however, use 1 SQL database for an IPB forum. I'm not an expert in website coding... hence why I used a CMS previously. Is using HTML safe from hacks? I don't care about hotlinking or image stealing, I just don't want this jerk coming back and trying to take over again. He comes to sites that offer the same "product" as his and has to take out his competition. Is there any steps I can take to protect my site more than it is now? I setup my IPB database via GoDaddy control panel... if he hacks my forum again can he somehow gain my password for GoDaddy also (different passwords)? I guess you can say I'm pretty paranoid about this... but I'm pretty worried if I start publically start advertising my site he will come by again -Adam Ok just give me your views on this topic, I have disabled right click, source code, offline webpage, links in status bar, opera users, adobe web capture, text select, clipboard/printscreen, drag and drop, psage printing, encrypted the entire page, copy right blabla.... also protected image using server side script (php) I think its still possible but very limited now , what do u dudes think, Coding <A NAME="#foo"></A> in a location on a page, I can jump to that location on the page (for instance, from <A HREF="#foo">Jump to Foo</A>) in Internet Explorer, but the same HTML does not work for me in my Firefox 3 browser. Is there some different code I should be using, or is this 'jump to' just not possible in Firefox? Any help appreciated. I have multiple banners rotating using Flash CS4 and I want people to be able to click on one of the banners and have it open the website in another window (the company banner). I have been trying to understand how to make this happen, but apparently it is not so obvious. Tips? Direction? Even if it's just a link? Thanks! 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> What code would websites like youtube and metacafe let other people upload things? 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... 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> 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. 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! 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!!! 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 Hello 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. 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. In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center> <object id="MediaPlayer" width="800" height="650" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" title="Pete's Mountain Road Slideshow" border="3"> <param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" /> <param name="Showcontrols" value="True" /> <param name="autoStart" value="False" /> <param name="wmode" value="transparent" /> <embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv" name="MediaPlayer" autoStart="False" wmode="transparent" width="800" height="650" title="Pete's Mountain Road Slideshow" /> </object> <br /> <p class="main">If you do not have Windows Media Player, you can view the video by following <a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a> to download the program to your computer, then try to play it again.</p> </center> </body> </html> hi i would like to know as to how to go about with html if i wanted people to watch a live event on my website i have been doing xhtml css however never explored this live feature event so can someone provide me with links where i can get all the information that is needed for example a camera to record, what technology to use, what i should consider from user point of view, server side point of you, and the html code that needs to be used. please advise. thanks Im a beginner so please if anyone knows let me know. Im actually learning for free on w3schools.com and e-learningcenter.com but now, Im willing to buy me a complete course even though I know I can learn for free. Thank you so much! 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 |