Observe below Image. HTML5 Video can be displayed through text, if text have 2 different stroke opacity and fill opacity properties. Normal HTML text won't provide stroke opacity and fill opacity features, Only SVG text does. So we have to implement this using SVG text.

SVG Text

<svg class="blur" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" width="1050" height="498">
      <text x="30" y="350" fill="white" stroke="darkkhaki" stroke-width="3" fill-opacity="0" stroke-opacity="1">SVG</text>
</svg>
fill-opacity is 0 means filling area of text is completely transparent. stroke-opacity is 1 means stroke width of text is completely visible. Whatever displayed in the background, it will be visible to user through text

Markup

Observe below markup. Here I placed video as background to this demodiv
<div class="demoDiv">
    <svg class="blur" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" width="1050" height="498">
      <text x="30" y="350" fill="white" stroke="darkkhaki" stroke-width="3" fill-opacity="0" stroke-opacity="1">SVG</text>
    </svg>
    <video id="work-letter-video-one" class="letter-video" autoplay="" preload="auto" loop="">
     <source src="letter-smoke.webm">
     <source src="letter-smoke.mp4">
   </video>
</div>

CSS

.demoDiv {
  position: relative;
  width: 883px;
  margin: auto;
}

.demoDiv text {
  font-size:400px;
}

.demoDiv video {
  width: 100%; 
  position: absolute;
  left:0px;
  top:0px;
  z-index:-1
}

69 comments:

  1. There are so many video resources in so many formats by now, and you need to convert them to some certain format so as to play them on some certain device. You need to choose a video converter first. Since most video converters are similar at the first look and those applications usually Online Video Converter a lot functions and features in common, it is difficult to make a decision.

    ReplyDelete
  2. whoah this blog is magnificent i love reading your posts. Keep up the great work! You know, lots of people are looking around for this info, you could help them greatly. solidworks 2017 flow simulation

    ReplyDelete
  3. Thank you for this kind of info I had been browsing all Msn to be able to find it! putlocker

    ReplyDelete
  4. Adobe Photoshop has gone a long way from its first versions. It has become more powerful and flexible, allowing more usability and functions for better output. autocad price

    ReplyDelete
  5. The reality about SEO services is that it is routinely not hard work, but that doesn't mean its unproblematic.It still takes time, dedication, effort, strategy, technique, method, skill, and experience to execute eminence SEO services. As we can see, these SEO experts want nothing but to deliver their services through a complete utilization of SEO tools to produce outstanding results. High DA

    ReplyDelete
  6. The reality about SEO services is that it is routinely not hard work, but that doesn't mean its unproblematic.It still takes time, dedication, effort, strategy, technique, method, skill, and experience to execute eminence SEO services. As we can see, these SEO experts want nothing but to deliver their services through a complete utilization of SEO tools to produce outstanding results. page authority

    ReplyDelete
  7. The reality about SEO services is that it is routinely not hard work, but that doesn't mean its unproblematic.It still takes time, dedication, effort, strategy, technique, method, skill, and experience to execute eminence SEO services. As we can see, these SEO experts want nothing but to deliver their services through a complete utilization of SEO tools to produce outstanding results. seo

    ReplyDelete
  8. You’ve got a good blog there keep it up. I’ll be watching out for most posts. 먹튀검증

    ReplyDelete
  9. wow .Amazing blog with amazing content
    sakshi epaper

    ReplyDelete
  10. He’s been confined to desk duties ever since he accidentally shot a famous baseball-player for trespassing in his own stadium. 먹튀

    ReplyDelete



  11. The strategy you have posted on this technology helped me to get into the next level and had lot of information in it. The angular js programming language is very popular which are most widely used.



    Dot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery














    ReplyDelete
  12. You have observed very interesting details ! ps decent site. 토토사이트

    ReplyDelete
  13. I think you have a nice site here… i just happened to find it doing a yahoo search. anyway, excellent post.. i’ll be bookmarking this page for certain. 먹튀

    ReplyDelete
  14. You have observed very interesting details ! ps decent site. Mega888 apk download

    ReplyDelete
  15. You have observed very interesting details ! ps decent site. 918kiss pussy888 android

    ReplyDelete
  16. I discovered your blog site on bing and check a few of your early posts. Always keep up the excellent operate. I just now additional your Feed to my MSN News Reader. Seeking toward reading much more on your part at a later time!… 918kiss kiss918 apk download

    ReplyDelete
  17. I discovered your blog site on bing and check a few of your early posts. Always keep up the excellent operate. I just now additional your Feed to my MSN News Reader. Seeking toward reading much more on your part at a later time!… 토토사이트

    ReplyDelete
  18. You got a very good website, Gladiolus I found it through yahoo. 파워볼사이트

    ReplyDelete
  19. You got a very good website, Gladiolus I found it through yahoo. 918kiss

    ReplyDelete
  20. I very glad to find this site on bing, just what I was looking for : D as well saved to favorites . 먹튀검증 방법

    ReplyDelete
  21. Hi there, just became alert to your blog through Google, and found that it’s really informative. I am gonna watch out for brussels. I will be grateful if you continue this in future. Many people will be benefited from your writing. Cheers! iPage Coupon

    ReplyDelete
  22. Hi there, just became alert to your blog through Google, and found that it’s really informative. I am gonna watch out for brussels. I will be grateful if you continue this in future. Many people will be benefited from your writing. Cheers! superslot เครดิตฟรี50

    ReplyDelete
  23. Some really fantastic information, Sword lily I detected this. Applicable for 918kiss and kiss918

    ReplyDelete
  24. of course internet dating is the trend these days, you can meet lots of people on the internet” Motorschaden ankauf Kassel

    ReplyDelete
  25. I conceive you have remarked some very interesting details , appreciate it for the post. Autoankauf Hagen

    ReplyDelete
  26. Spot on with this write-up, I really suppose this web site needs rather more consideration. most likely be once more to learn much more, thanks for that info. fastcomet vps review

    ReplyDelete
  27. I enjoyed reading your pleasant website. I see you offer priceless info. stumbled into this website by chance but I’m sure glad I clicked on that link. You definitely answered all the questions I’ve been dying to answer for some time now. Will definitely come back for more of this. hostgator review australia

    ReplyDelete
  28. Wonderful dispatch! I am in reality getting adept to over this data, is genuinely neighborly my mate. Similarly incredible blog here among a considerable lot of the expensive information you obtain. Hold up the useful cycle you are doing here.  먹튀검증 I am pleased with everything about you. 먹튀검증

    ReplyDelete
  29. of course internet dating is the trend these days, you can meet lots of people on the internet” 토토사이트

    ReplyDelete
  30. Spot on with this write-up, I really suppose this web site needs rather more consideration. most likely be once more to learn much more, thanks for that info. 부산출장

    ReplyDelete
  31. Very good article, I enjoyed reading your post, very good part, I want to tweet this to my followers. Thank you 먹튀폴리스

    ReplyDelete
  32. 토토사이트 https://twitter.com/totobobbi There are several dissertation web sites on the net once you locate unsurprisingly explained in the website 토토사이트

    ReplyDelete
  33. Fantastic article post.Really looking forward to read more. Much obliged. 먹튀폴리스

    ReplyDelete
  34. You delivered such an impressive piece to read, giving every subject enlightenment for us to gain information. Thanks for sharing such information with us due to which my several concepts have been cleared. 먹튀검증업체

    ReplyDelete
  35. Downsides As talked about, compared with additional material composing solutions, Scripted will feature a marginally higher cost. But, authors have the ability to place their own prices, supplying an aggressive market place. Bottom-line: Scripted is perfect for each enterprise -- large and smaller. By: 먹튀검증업체

    ReplyDelete
  36. Hey There. I found your blog using msn. This is a very well written article. I’ll be sure to bookmark it and come back to read more of your useful info. Thanks for the post. I’ll definitely return. 먹튀검증사이트

    ReplyDelete
  37. Wow, What an Outstanding post. I found this too much informatics. It is what I was seeking for. I would like to recommend you that please keep sharing such type of info.If possible, Thanks. 먹튀검증사이트

    ReplyDelete
  38. Excellent things from you, man. Ive examine your things before and youre just too awesome. I love what youve received here, love what youre stating and the way you say it. You make it entertaining and you still manage to hold it intelligent. I cant wait to read more from you. This really is really a wonderful blog. wordpress hosting

    ReplyDelete
  39. Excellent things from you, man. Ive examine your things before and youre just too awesome. I love what youve received here, love what youre stating and the way you say it. You make it entertaining and you still manage to hold it intelligent. I cant wait to read more from you. This really is really a wonderful blog. Guesthouse booking

    ReplyDelete
  40. Excellent things from you, man. Ive examine your things before and youre just too awesome. I love what youve received here, love what youre stating and the way you say it. You make it entertaining and you still manage to hold it intelligent. I cant wait to read more from you. This really is really a wonderful blog. XE88 apk download

    ReplyDelete
  41. Excellent things from you, man. Ive examine your things before and youre just too awesome. I love what youve received here, love what youre stating and the way you say it. You make it entertaining and you still manage to hold it intelligent. I cant wait to read more from you. This really is really a wonderful blog. learn islam

    ReplyDelete
  42. As I website owner I believe the content material here is very superb, thanks for your efforts. unlimited reseller hosting

    ReplyDelete
  43. As I website owner I believe the content material here is very superb, thanks for your efforts. accommodation near ladysmith

    ReplyDelete
  44. hey there, your site is fantastic. I do thank you for work hoverboard price south africa

    ReplyDelete
  45. I’d need to verify with you here. Which is not one thing I usually do! I take pleasure in reading a submit that will make individuals think. Additionally, thanks for permitting me to remark! wicca spells

    ReplyDelete
  46. My California Weight Loss diet invariably is an cost effective and versatile staying on your diet tv show made for people who find themselves planning to drop extra pounds and furthermore ultimately keep a much healthier habits. la weight loss hoverboard price

    ReplyDelete
  47. Thanks for the blog filled with so many information. Stopping by your blog helped me to get what I was looking for. Now my task has become as easy as ABC. 안전놀이터


    ReplyDelete
  48. Thank you for this wonderful post! It has long been extremely helpful. 메이저사이트I wish that you will carry on posting your knowledge with us.


    ReplyDelete
  49. I'm so happy to finally find a post with what I want. casino You have inspired me a lot. If you are satisfied, please visit my website and leave your feedback.


    ReplyDelete
  50. Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject 먹튀검증 It touched me a lot. I would love to hear your opinion on my site. Please come to the site I run once and leave a comment. Thank you.


    ReplyDelete
  51. Youre so right. Im there with you. Your weblog is definitely worth a read if anyone comes throughout it. Im lucky I did because now Ive received a whole new view of this. 샌즈카지노


    ReplyDelete
  52. Thanks for an interesting blog. What else may I get that sort of info written in such a perfect approach? I have an undertaking that I am just now operating on, and I have been on the lookout for such info 먹튀검증 It's amazing. I want to learn your writing skills. In fact, I also have a website. If you are okay, please visit once and leave your opinion. Thank you.


    ReplyDelete
  53. I’m very pleased to discover this site. I want to to thank you for ones time for this particularly wonderful read!! I definitely savored every part of it and i also have you saved as a favorite to see new information on your blog. 메이저놀이터


    ReplyDelete
  54. I'm impressed, I must say. Actually rarely can i encounter a blog that's both educative and entertaining, and without a doubt, you could have hit the nail about the head. Your idea is outstanding; the thing is something that too few individuals are speaking intelligently about. We are delighted that we came across this around my try to find some thing with this.메이저사이트


    ReplyDelete
  55. You have noted very useful details! PS. nice web site. “Disbelief in magic can force a poor soul into believing in government and business.” by Tom Robbins.. meditation music

    ReplyDelete
  56. I am definitely bookmarking this website and sharing it with my acquaintances. You will be getting plenty of visitors to your website from me! relaxation music

    ReplyDelete
  57. Thanks for helping out, good info . togel88

    ReplyDelete
  58. It happens to be additionally a brilliant write-up i positively relished reading through. It certainly is not consequently day-to-day i establish time to locate things. https://www.driveriteny.com/

    ReplyDelete
  59. Hey just wanted to give you a quick heads up. The text in your content seem to be running off the screen in Internet explorer. I’m not sure if this is a formatting issue or something to do with browser compatibility but I figured I’d post to let you know. The style and design look great though! Hope you get the issue solved soon. Thanks www.evokecoconutcreek.com

    ReplyDelete
  60. An interesting discussion may be valued at comment. I do believe that you can write much more about this topic, it will not certainly be a taboo subject but usually people are insufficient to speak on such topics. An additional. Cheers evokecoconutcreek.com

    ReplyDelete
  61. Its a great pleasure reading your post.Its full of information I am looking for and I love to post a comment that "The content of your post is awesome" Great work. prescription drug detox in florida

    ReplyDelete
  62. Thank you for helping people get the information they need. Great stuff as usual. Keep up the great work!!! ariafl.com/florida-substance-abuse-treatment-center/prescription-drug-treatment-program/

    ReplyDelete
  63. What i don’t understood is in truth how you’re no longer really a lot more well-liked than you might be now. You are very intelligent. You understand thus considerably in terms of this topic, made me individually consider it from numerous varied angles. Its like men and women are not fascinated unless it¡¦s one thing to accomplish with Woman gaga! Your personal stuffs outstanding. Always maintain it up! situs bandarqq

    ReplyDelete
  64. That’s why you have to have effective web based business home keep when it comes to taking items right your individual web-based online business. cash Lan Party Raum mieten

    ReplyDelete
  65. educator, Sue. Although Sue had a list of discharge instructions in her hand, she paused and https://1337.camp

    ReplyDelete
  66. This is my first time i visit here and I found so many interesting stuff in your blog especially it's discussion, thank you. rolet online

    ReplyDelete

Blogroll

Popular Posts