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
}

109 comments:

  1. Replies
    1. Great Article android based projects

      Java Training in Chennai

      Project Center in Chennai

      Java Training in Chennai

      projects for cse

      The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

      Delete
  2. 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
  3. 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
  4. Thank you for this kind of info I had been browsing all Msn to be able to find it! putlocker

    ReplyDelete
  5. 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
  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. High DA

    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. page authority

    ReplyDelete
  8. 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
  9. You’ve got a good blog there keep it up. I’ll be watching out for most posts. 먹튀검증

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

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

    ReplyDelete



  12. 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
  13. You have observed very interesting details ! ps decent site. 토토사이트

    ReplyDelete
  14. 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
  15. You have observed very interesting details ! ps decent site. Mega888 apk download

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

    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!… 918kiss kiss918 apk download

    ReplyDelete
  18. I am glad to post a worthy article about the German Language Course and IELTS Coaching from KCR consultants, this may change your career growth and language skill.
    KCR CONSULTANTS
    KCR CONSULTANTS

    ReplyDelete
  19. 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
  20. You got a very good website, Gladiolus I found it through yahoo. 파워볼사이트

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

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

    ReplyDelete
  23. 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
  24. 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
  25. Some really fantastic information, Sword lily I detected this. Applicable for 918kiss and kiss918

    ReplyDelete
  26. Congratulation for this successful project. 토토사이트 Can you please share some pictures of the your project. I am going to share this post with my friends. 먹튀검증

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

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

    ReplyDelete
  29. 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
  30. 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
  31. 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
  32. Had to deliver that minimal remark to thanks a ton all over again for these spectacular techniques you could have provided here. It’s so particularly generous with others as you to supply unreservedly what most people could have marketed being an e book to earn some dough on their own, primarily in view that you can have tried it if you ever wanted. The tactics also acted to turn into easy way to recognize that most people have similar desire just as my personal to understand a lot more concerning this condition. I’m there are many easier opportunities up front if you went through your website post. 부산출장

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

    ReplyDelete
  34. 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
  35. Very good article, I enjoyed reading your post, very good part, I want to tweet this to my followers. Thank you 먹튀폴리스

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

    ReplyDelete
  37. Interesting blog I must say, the facts and information written here are accurate. black leather motorcycle jacket  토토사이트

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

    ReplyDelete
  39. I'm writing on this topic these days, 먹튀검증, but I have stopped writing because there is no reference material. Then I accidentally found your article. I can refer to a variety of materials, so I think the work I was preparing will work! Thank you for your efforts.

    ReplyDelete
  40. That's a really good article. I'm so happy to read this. What you wrote was very helpful to me.Thank you. When did you start uploading these posts? That's amazing. Actually, I upload articles often like , but it is quite difficult to upload quality content like you. If you have time, could you visit my 토토사이트?Yes i am totally agreed with this article and i just want say that this article is very nice and very informative article.I will make sure to be reading your blog more. You made a good point but I can't help but wonder for 안전놀이터, what about the other side? !!!!!!Thanks

    ReplyDelete
  41. Your information was very useful to me. That's exactly what I've been looking for 메이저토토사이트!
    I think a lot of articles related to 메이저사이트 are disappearing someday. That's why it's very hard to find, but I'm very fortunate to read your writing. When you come to my site, I have collected articles related to this. My site name is .

    ReplyDelete
  42. What is an influential writing? All the objects of that influence have different points of reference for judging it. But, if most people prefer and are actually using it, it's okay to be recommended. If you want to know more about conversations and more that are similar to what I wrote in yours, please visit my site 주식디비 and leave a message

    ReplyDelete
  43. I've been searching for hours on this topic and finally found your post. 먹튀검증, I have read your post and I am very impressed. We prefer your opinion and will visit this site frequently to refer to your opinion. When would you like to visit my site?

    ReplyDelete
  44. I haven't seen anything interesting in a long time, and I'm writing on this form, so I hope to see you.토토사이트

    ReplyDelete
  45. Of course, your article is good enough, 온라인바둑이 but I thought it would be much better to see professional photos and videos together. There are articles and photos on these topics on my homepage, so please visit and share your opinions.

    ReplyDelete
  46. Attractive section of content. I simply stumbled upon your blog and in accession capital to assert that I acquire in fact enjoyed
    account your blog posts. Anyway I’ll be subscribing
    on your augment or even I success you access constantly quickly.토렌트순위

    ReplyDelete
  47. Hello, I'm happy to see some great articles on your site. Would you like to come to my site later? My site also has posts, comments and communities similar to yours. Please visit and take a look 메이저토토사이트

    ReplyDelete
  48. First of all, thank you for your post. Your posts are neatly organized with the information I want, so there are plenty of resources to reference. I bookmark this site and will find your posts frequently in the future. Thanks again ^^ 토토사이트

    ReplyDelete
  49. That is a very good tip especially to those new to the blogosphere.
    Short but very accurate info… Appreciate
    your sharing this one. A must read post무료웹툰

    ReplyDelete
  50. First of all, thank you for your post. Your posts are neatly organized with the information I want, so there are plenty of resources to reference. I bookmark this site and will find your posts frequently in the future. Thanks again ^^ 토토사이트

    ReplyDelete
  51. It'ѕ fantastic that you ɑre ɡetting tһoughts from this 메이저토토사이트 as well aѕ from oour discussion madе at tһis рlace.

    ReplyDelete
  52. I've been using WordPress on a number of websites for about a year and am worried about switching to another platform. I have heard good things about 메이저놀이터. Is there a way I can transfer all my wordpress content into it? Any help would be really appreciated!

    ReplyDelete
  53. Hello, I'm happy to see some great articles on your site. Would you like to come to my site later? My site also has posts, comments and communities similar to yours. Please visit and take a look 우리카지노

    ReplyDelete
  54. When did it start? The day I started surfing the Internet to read articles related to . I've been fond of seeing various sites related to 안전놀이터 around the world for over 10 years. Among them, I saw your site writing articles related to and I am very satisfied.

    ReplyDelete
  55. 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
  56. 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
  57. 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
  58. 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
  59. I've been searching for hours on this topic and finally found your post. , I have read your post and I am very impressed. We prefer your opinion and will visit this site frequently to refer to your opinion. When would you like to visit my site? 바둑이사이트

    ReplyDelete
  60. I'm writing on this topic these days, , but I have stopped writing because there is no reference material. Then I accidentally found your article. I can refer to a variety of materials, so I think the work I was preparing will work! Thank you for your efforts. 토토커뮤니티

    ReplyDelete
  61. As I am looking at your writing, 먹튀검증사이트 I regret being unable to do outdoor activities due to Corona 19, and I miss my old daily life. If you also miss the daily life of those days, would you please visit my site once? My site is a site where I post about photos and daily life when I was free.

    ReplyDelete
  62. 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
  63. I'm writing on this topic these days, , but I have stopped writing because there is no reference material. Then I accidentally found your article. I can refer to a variety of materials, so I think the work I was preparing will work! Thank you for your efforts. 토토사이트

    ReplyDelete
  64. I am the one who writes on a topic similar to yours. I hope you come to my blog and take a look at the posts I've been writing. 안전놀이터추천

    ReplyDelete
  65. I accidentally searched and visited your site. I still saw several posts during my visit, but the text was neat and readable. I will quote this post and post it on my blog. Would you like to visit my blog later? 메이저놀이터추천

    ReplyDelete
  66. 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
  67. I found the answer I was looking for in your article. I'm going to quote your article and write it on a blog. 바카라사이트

    ReplyDelete
  68. 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
  69. I've been troubled for several days with this topic. Kèo nhà cái, But by chance looking at your post solved my problem! I will leave my blog, so when would you like to visit it?

    ReplyDelete
  70. 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
  71. This is very interesting, You are a very professional blogger. I’ve joined your feed and look ahead to seeking more of your excellent post. Additionally, I’ve shared your web site in my social networks. 토토검증

    ReplyDelete
  72. Thanks for such a fantastic blog. Where else could anyone get that kind of info written in such a perfect way? I have a presentation that I am presently writhing on, and I have been on the look out for such great information. 메이저토토

    ReplyDelete
  73. 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
  74. It's really great. Thank you for providing a quality article. There is something you might be interested in. Do you know 토토커뮤니티 ? If you have more questions, please come to my site and check it out!

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

    ReplyDelete
  76. I have been looking for articles on these topics for a long time. Kèobóngđá I don't know how grateful you are for posting on this topic. Thank you for the numerous articles on this site, I will subscribe to those links in my bookmarks and visit them often. Have a nice day.

    ReplyDelete
  77. You made some good points there. I did a Google search about the topic and found most people will believe your blog. 먹튀검증

    ReplyDelete
  78. It's really great. Thank you for providing a quality article. There is something you might be interested in. Do you know 메이저토토 ?

    ReplyDelete
  79. Excellent read, I just passed this onto a friend who was doing a little research on that. And he actually bought me lunch as I found it for him smile Therefore let me rephrase that: Thank you for lunch. 먹튀신고

    ReplyDelete
  80. There must have been many difficulties in providing this information.Bóng88 Nevertheless, thank you for providing such high-quality information.

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

    ReplyDelete
  82. 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
  83. I was impressed by your writing. Your writing is impressive. I want to write like you.샌즈카지노 I hope you can read my post and let me know what to modify. My writing is in I would like you to visit my blog.

    ReplyDelete
  84. 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
  85. Your ideas inspired me very much. 바카라사이트추천 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
  86. I've been looking for photos and articles on this topic over the past few days due to a school assignment, Bóngđộ and I'm really happy to find a post with the material I was looking for! I bookmark and will come often! Thanks :D

    ReplyDelete
  87. The vacation trades offered are evaluated a variety of in the chosen and simply good value all around the world. Those hostels are normally based towards households which you’ll find accented via charming shores promoting crystal-clear fishing holes, concurrent of one’s Ocean. Hotels Discounts 메이저놀이터

    ReplyDelete
  88. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value. Im glad to have found this post as its such an interesting one! I am always on the lookout for quality posts and articles so i suppose im lucky to have found this! I hope you will be adding more in the future. 토토사이트

    ReplyDelete
  89. You make so many great points here that I read your article a couple of times. Your views are in accordance with my own for the most part. This is great content for your readers. 메이저놀이터순위

    ReplyDelete
  90. We are looking for a lot of data on this item. In the meantime, this is the perfect article I was looking for . Please post a lot about items related to 메이저놀이터추천 !!! I am waiting for your article. And when you are having difficulty writing articles, I think you can get a lot of help by visiting my .

    ReplyDelete
  91. It's very interesting. And it's fun. This is a timeless article. I also write articles related to , and I run a community related to 메이저놀이터. For more information, please feel free to visit !!

    ReplyDelete
  92. When I read an article on this topic, 먹튀검증커뮤니티 the first thought was profound and difficult, and I wondered if others could understand.. My site has a discussion board for articles and photos similar to this topic. Could you please visit me when you have time to discuss this topic?

    ReplyDelete
  93. Good morning!! I am also blogging with you. In my blog, articles related to are mainly written, and they are usually called 메이저사이트. If you are curious about , please visit!!

    ReplyDelete
  94. First of all, thank you for your post. Your posts are neatly organized with the information I want, so there are plenty of resources to reference. I bookmark this site and will find your posts frequently in the future. Thanks again ^^ Keo hay

    ReplyDelete
  95. It seems like I've never seen an article of a kind like . It literally means the best thorn. It seems to be a fantastic article. It is the best among articles related to 먹튀검증업체. seems very easy, but it's a difficult kind of article, and it's perfect.

    ReplyDelete
  96. I figure this article can be enhanced a tad. There are a couple of things that are dangerous here, and if you somehow managed to change these things, this article could wind up a standout amongst your best ones. I have a few thoughts with respect to how you can change these things. 메이저사설놀이터

    ReplyDelete
  97. Your writing is perfect and complete. However, I think it will be more wonderful if your post includes additional topics that I am thinking of. I have a lot of posts on my site similar to your topic. Would you like to visit once? kèo nhà cái

    ReplyDelete
  98. Hello! Nice to meet you, I say . The name of the community I run is 먹튀검증사이트, and the community I run contains articles similar to your blog. If you have time, I would be very grateful if you visit my site .

    ReplyDelete
  99. Succeed! It could be one of the most useful blogs we have ever come across on the subject. Excellent info! I’m also an expert in this topic so I can understand your effort very well. Thanks for the huge help. 메이저놀이터추천

    ReplyDelete
  100. I think this is an informative post and it is very useful and knowledgeable. therefore, I would like to thank you for the efforts you have made in writing this article :D 안전놀이터순위

    ReplyDelete
  101. This is very interesting, You are a very professional blogger. I’ve joined your feed and look ahead to seeking more of your excellent post. Additionally, I’ve shared your web site in my social networks. bong88

    ReplyDelete
  102. Thanks for the good info as a blogger. I know how hard you tried. Thank you very much for your hard work.
    Thanks for sharing. Here is my website. Please also visit my site and give your opinion.

    카지노사이트


    온라인카지노


    우리카지노


    온라인바카라


    바카라사이트


    라이브카지노

    ReplyDelete
  103. I’m thinking some of my readers might find a bit of this interesting. Do you mind if I post a clip from this and link back? Thanks 사설토토

    ReplyDelete
  104. I no uncertainty esteeming each and every bit of it. It is an amazing site and superior to anything normal give. I need to grateful. Marvelous work! Every one of you complete an unfathomable blog, and have some extraordinary substance. Keep doing stunning keonhacai

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

    ReplyDelete

Blogroll

Popular Posts