blog documentation FAQ followers forum marketplace services youtube

urlscan video display looks weird

The Jamroom Network » Forum » Design and Skin Customization » Page » urlscan video display looks weird
soaringeagle
@soaringeagle
8 years ago
3,304 posts
not sure the best way to explain it but when i just paste in a url like
Freedoms Wings Soaring For People With Disabilities
it looks faded or like it has an opacity of about .4 or less (but cant find a css reason for that)
using embed works great but the url scanner version the video cover image is barely visible you see the play button clearly but not the image

keep in mind that till i find a better way to update my core i cannot update anything prior to 606 and 607 (1 site updated 606 somehow the other wouldn't though)
so this maybe was addressed already?


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
updated by @soaringeagle: 05/24/17 10:49:30PM
michael
@michael
8 years ago
7,772 posts
are you seeing the same issue here on this page? the url you pasted in here looks nice.

If you can show us a URL where its happening on I can see if I can see any CSS reason for it.
soaringeagle
@soaringeagle
8 years ago
3,304 posts
on this page all i see is the title of the vid on my blog (which i now use the embed not urlscan) it had title the video preew (which was barely visible) and then the description taken from youtube
ohhh wait i see on here the vid drops down and displays when i click the link
on mine it was already dropped down but looked semi transparent
this page
https://www.dreadlockssite.com/soaring-eagle/blog/2117/soaring-eagle-on-freedoms-wings


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
michael
@michael
8 years ago
7,772 posts
Looks like this for me. that seams clear.
soaringeagle
@soaringeagle
8 years ago
3,304 posts
like i said that's the embed not url scan
i was going to add both to show u 1 sec


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
8 years ago
3,304 posts
see what i mean now both are there so you can see whats up
urlscan.jpg
urlscan.jpg  •  851KB




--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
8 years ago
3,304 posts
finaly updating everything didn't fix it
its either css (i doubt) or more likely a javascript issue
i think i only have adsense ads and sharethis and maybe cometchat that could be interfering


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
8 years ago
3,304 posts
ok i found the css causing the issue just have no freaking idea why it caused the issue
#profile_z img {zindex: -1;}
I thought it looked similar
f you look at the top of the page the over image as i added to the profile editor i had an option to move the profile cover photo behind the semi transparent layer
so for some reason the css that is only suposed to affect 
<div class="container profilecover" id="profile_z">
<img src="https://www.dreadlockssite.com/profile/image/profile_cover_image/85/xxxlarge/_v=1418434054" alt="!!emoji!!16!!emoji!! soaring eagle ॐ" class="img_scale">
but seems theres a misplaced closing div somewhere

that still doesnt explain why the 2 sites behave diferently


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
8 years ago
3,304 posts
hmm i think i figured out why i have this code
<div class="container profilecover" {if $profile_z == 'on'}id="profile_z"{/if}>
{if isset($profile_cover_image_size) && strlen($profile_cover_image_size) > 0}
{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_cover_image" item_id=$_profile_id size="xxxlarge" class="img_scale" alt=$profile_name title=$hover width=false height=false}{/if}
so its applied to all img in the container
why is this the 1st time its shown up when i use img in the same exact post without any effect

is there a better way to do this
still confused
but at least narrowed it down to that css ..i think at least the zindex part dont know why it behaves diferently


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

Tags