I have videos that play on hover but the overlays I use block this function. I’d like to have an opaque overlay with text pop up over the video and it still plays on hover. So my question is how can I add a text and opaque overlay that doesn’t block the play on hover.
reference: https://axisstudiosgroup.com/work/
I am using the following:
js:
jQuery(document).ready(function($){
var oPlayer = $("#" + this.id);
$('.work-grid .work-item').on('mouseenter', '.play-video', function(e) {
e.preventDefault();
oPlayer = $(this);
froogaloop = $f(oPlayer[0].id);
froogaloop.api('play');
}).mouseleave(function() {
froogaloop = $f(oPlayer[0].id);
froogaloop.api('pause');
froogaloop.api("seekTo", 0);
});
});
css:
.work-grid {
display: grid;
grid-row-gap: 25px;
width: 100%;
margin-bottom: 80px;
}
.work-item {
position: relative;
margin-top: 0px;
overflow: visible;
}
.work-wrap {
position: relative;
padding-bottom: 58.25%;
}
.work-item iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0.125rem solid transparent;
}
.work-item img {
display: block;
height: auto;
max-width: 100%;
height: 100%;
width: 100%;
}
html
<div class="work-grid">
<div class="work-item">
<div class="work-wrap">
<a href="#">
<div class="work-item-overlay">
</div>
<div>
<iframe id="player1" class="play-video" src="https://player.vimeo.com/video/#?api=1&player_id=player1&title=0&byline=0&portrait=0&autoplay=0&background=1" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="work-item-details">
<h3 class="work-item-title">Title</h3>
</div>
</a>
</div>
</div>
prednisone buying – prednisone for dogs without rx can i buy prednisone over the counter in mexico
cytotec for sale in cdo
selling original cytotec
generic cialis safety
order provigil – modafinil dosage provigil cost
buy prednisolone steroid
accutane prescription coupon – accutane 10mg daily accutane 30mg
Because the admin of this web page is working, no doubt very rapidly it will be
famous, due to its quality contents. http://antiibioticsland.com/Flagyl_ER.htm
taking levitra
antibiotic amoxicillin for sale – amoxicillin brand name amoxil
buy prednisolone for dogs
vardenafil generic name – vardenafil generic order vardenafil 10mg
purchase ivermectin – ivermectin over counter ivermectin 2%
tadalafil 40 mg compare pricing
generic cialis soft tabs tadalafil 20mg – cialis 2 5 mg tadalafil 20mg price in usa
ivermectin side effects – how to buy stromectol stromectol tablets buy online
80 mg accutane daily – 50mg accutane how much is accutane prescription
lyrica 20 mg – lyrica online pharmacy reviews
rx amoxicillin 500mg – amoxicillin 500 mg amoxicillin for humans for sale
finasteride
sildenafil uk 100mg – buy real viagra online no prescription female viagra for sale online
buy cialis online us pharmacy – tadalafil buy online india buy generic cialis canadian pharmacy
ivermectin medicine – ivermectin generic cream ivermectin 0.5%
prednisone daily use – 54 prednisone 20 mg of prednisone
order provigil – modapls.com provigil cost
price of zithromax – zithromax buy canada price of zithromax
what is ivermectin
how much is furosemide 20mg – price of lasix 80 mg furosemide buy
clomiphene tablets – clomid pregnancy generic clomiphene 25mg online
I couldn’t refrain from commenting. Well written! https://buszcentrum.com/zithromax.htm
teva salbutamol ventolin
buy cialis 20mg australia – approved cialis cialis drug
ivermectin
amoxicillin in uti
stromectol ivermectin – stromectol tablets stromectol uk buy
goodrx fluoxetine
free slots – hollywood casino online real money best online casino for money
propecia online medication
online ed medications – herbal ed treatment best medicine for erectile dysfunction without side effects
prednisone 2.5 mg price – prednisone 50 mg price prednisone 2 tablets daily
how much is zithromax 250 mg
buy viagra uk paypal – viagra by pfizer buying viagra canada safely
female cialis tadalafil – Best cialis price tadalafil 20mg for sale
ivermectin 6mg – cost of ivermectin buy oral ivermectin
albuterol prescription
ed pills no prescription – buy ed drugs cheap ed pills
dapoxetine sverige
dapoxetine sverige
lisinopril retinopathy
tea for high blood pressure copd medications list albuterol substitute over counter
Thank you for sharing your thoughts. I really appreciate your efforts and I am waiting for your further write ups thanks once
again. http://herreramedical.org/cialis
It’s not my first time to pay a quick visit this website, i am browsing this
web site dailly and get pleasant information from
here daily.
It’s remarkable to visit this web page and reading the views
of all mates regarding this article, while I am also keen of getting know-how.
sildenafil usa
Hiya! Quick question that’s entirely off topic. Do you know
how to make your site mobile friendly? My weblog looks weird when viewing from my apple iphone.
I’m trying to find a theme or plugin that might be able to correct this issue.
If you have any suggestions, please share. Cheers!
get cheap health insurance dapoxetine in us priligy 60 mg dapoxetine for sale
I like the valuable info you provide to your articles.
I will bookmark your weblog and check again right here frequently.
I’m fairly certain I’ll learn many new stuff right here!
Good luck for the next!
Wonderful blog! I found it while browsing on Yahoo News.
Do you have any tips on how to get listed in Yahoo News?
I’ve been trying for a while but I never seem to get there!
Cheers
Superb, what a web site it is! This web site gives helpful facts to
us, keep it up.
I have been browsing online more than 2 hours today,
yet I never found any interesting article like yours.
It’s pretty worth enough for me. Personally, if all
website owners and bloggers made good content as you did, the internet will be a lot
more useful than ever before.
Great goods from you, man. I’ve understand your
stuff previous to and you’re just too great. I really like what you have acquired here, certainly like what you are saying and the way in which you say it.
You make it entertaining and you still care for to keep it smart.
I cant wait to read far more from you. This is actually a wonderful website.
Great blog here! Also your web site a lot up very fast!
What web host are you the use of? Can I get your affiliate
hyperlink on your host? I desire my web site loaded up as fast as yours lol
buy zithromax liquid online
I like reading through an article that will make men and women think.
Also, many thanks for permitting me to comment!
quest bars http://tinyurl.com/49u8p8w7 quest bars
Today, while I was at work, my sister stole my iphone and tested
to see if it can survive a 40 foot drop,
just so she can be a youtube sensation. My apple ipad is now broken and she has 83 views.
I know this is totally off topic but I had to share it with someone!
cheap flights http://1704milesapart.tumblr.com/ cheap flights
Great delivery. Solid arguments. Keep up the great work.
asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr
how to add an overlay that triggers video play on hover – now the overlay is blocking play on hover – JavaScript Help ivermectin 6mg ivermectina uso umano prezzo ivermectin
These are truly impressive ideas in about blogging.
You have touched some pleasant things here. Any
way keep up wrinting. scoliosis surgery https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery
It’s truly a great and helpful piece of info. I’m satisfied that you just shared this useful info with us.
Please keep us up to date like this. Thank you for sharing.
scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery
I’m truly enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it
much more pleasant for me to come here and visit more often. Did
you hire out a developer to create your theme? Fantastic work!
quest bars https://www.iherb.com/search?kw=quest%20bars quest bars
how to add an overlay that triggers video play on hover – now the overlay is blocking play on hover – JavaScript Help cialis pill price cialis 10mg price cialis pills
cheap lasix without prescription
doxycycline 2984 – generic prednisolone 5mg pill prednisolone 25mg buy online
purchase prednisone
order lasix without prescription
lower blood pressure fast ivermectin dosage ivermectin for humans for sale ivermectin pills amazon
ivermectin us
tadalafil dosage – generic tadalafil canada buy tadalafil 20mg price
Hi i am kavin, its my first time to commenting anywhere,
when i read this piece of writing i thought i could also create comment due to this brilliant paragraph. http://herreramedical.org/sildenafil
what are the side effects of taking plaquenil – buy prendesone without a prescription where to buy prednisone
stromectol 3mg – ivermectin buy australia ivermectin buy nz
ivermectina
loratadine vs cetirizine – cetirizine hcl 10 mg tablet cetirizine 10mg price
levitra coupons printable – levitra usa levitra tablets 20mg
With havin so much written content do you ever run into any issues of plagorism
or copyright infringement? My site has a lot of unique content I’ve either written myself or outsourced but it seems
a lot of it is popping it up all over the web without my permission. Do you know any methods to help reduce
content from being ripped off? I’d definitely appreciate it. http://ciaalis2u.com/
120 prednisone – prednisone 60mg medication can you buy prednisone online uk
viagra strain taking half a viagra for fun
figral sildenafil 50 mg how many 20 mg sildenafil should i take
vigra vs cialis lilly cialis 20mg
albuterol addiction ventolin time to take effect what is the difference between ventolin and albuterol
ivermectin 12mg buy ivermectin online
gambling essay thesis statement thesis statement college essay
https://cialisvet.com/
where to buy tadalafil on line tadalafil cialis
tadalafil goodrx generic cialis online fast shipping
what is tadalafil tadalafil liquid
side effects for tadalafil where to buy cialis without prescription
buy cialis pills what is tadalafil
canada generic tadalafil where to buy cialis without prescription
buy generic cialis online with mastercard where to get tadalafil
generic cialis tadalafil tadalafil order online no prescription
cialis cost best price usa tadalafil
lowest price cialis tadalafil cost walmart
tadalafil dosage cialis professional
viagra overnight natural alternatives to viagra
cost tadalafil generic tadalafil order online no prescription
side effects of tadalafil where to order tadalafil tablets
buy 12mg stromectol generic stromectol 6 mg stromectol 3mg tablets
ivermectin tablets for humans http://www.ivermectinusd.com/