Video Poster Background Not Showing

Video Poster Background Not Showing:
--
Test Site: https://wuji.zone
--
Using Ninja Template, with simple jrVideo embed
Works in Chrome, but does not show on most mobiles, safari, ipad safari, firefox
--
Not Showing Video Poster Background in FireFox on PC:
SEE BUG: https://www.screencast.com/t/y4x1fMPiYwmc

updated by @softdesigns: 04/20/19 02:01:57PM

The reason no image is showing is that there is no "poster" directive in the player. How is this being embedded? Is it an album? playlist?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

This bug is easy to replicate: Works in Chrome on PC, but fails (missing image) in Firefox, android, iPad Safari, etc...
Many coders call this the video "poster" image - Not sure what JR calls this image - it is simply the default image shown for the uploaded video.

Code = jrEmbed video. Not album, not playlist, just simple code to embed single JR Video.

Bug is easy to replicate, simply test this site across all devices, home page video image does not show correctly on different devices / browsers.
--
Test Site: https://wuji.zone
--
Poster / Background / Video Default Image:

Works in Chrome on PC: https://www.screencast.com/t/57g3ytO5
--
Fails in FireFox on PC:
SEE BUG: https://www.screencast.com/t/y4x1fMPiYwmc
updated by @softdesigns: 01/07/19 06:43:19PM

The page looks the same for me on both chrome and firefox. The URL to the image is this one:
https://wuji.zone/video/image/video_image/21/xxxlarge/image.jpg/crop=807:453.9375
updated by @michael: 01/08/19 06:09:22PM

This Bug is quite strange, since the image shows fine using Chrome on some Androids, and PC:

https://www.screencast.com/t/57g3ytO5
--
This bug has been like this for weeks, if not months, there is nothing we can do to fix this, as it works fine on some devices.
--
So it seems from the last post, this Bug - where image fails to show - needs serious QA and testing on multiple devices and browsers to track it down...
--
Do you folks test on PC, or only on Mac? Is the JR Platform consistent and supported cross browser, across devices?
Or does JR platform only work on specific devices?
--
This reason above seems not to apply, since the video image shows and works fine on some devices.
--
Code = jrEmbed video : We simply uploaded a video into JR, embed into the profile, and we get this bug for the Video image
--
Bug is easy to replicate, simply test this site across ALL devices, video image fails to show on some devices / browsers, yet it shows correctly on others...
--
Test Site: https://wuji.zone
--
Poster / Background / Video Default Image:

Works in Chrome on PC: https://www.screencast.com/t/57g3ytO5
--
Fails in FireFox on PC: (Fails in iPad Safari, Mac, etc...)
SEE BUG: https://www.screencast.com/t/y4x1fMPiYwmc
updated by @softdesigns: 01/09/19 06:23:58AM

Of course we test Jamroom on a variety of browsers, but we're a small team - there's no way for us to test on every combination of OS/Browser/Device.

The reason this image is not showing is that the profile it is located on has it's profile set to private:

https://wuji.zone/video/image/video_image/21/xxxlarge/image.jpg/crop=807:452?debug=1

If you don't see an image and are wondering why, add "?debug=1" to the end of the image URL while logged in as an admin user and it will tell you why.

Also - I need to point out that you are using the Profile Domains module, which is no longer generally supported - I personally continue to support it for those sites already running it the best I can, but like I mentioned in one of your tickets recently - for security reasons browsers are making it harder and harder to load elements "cross domain", which is how the profile domains module works. I believe it's OK for now, but I would recommend making plans to move away from using that module and switch to a single domain model - I am sure there will be a time in the future where it will no longer function correctly and I won't be able to "fix it" it to make it work.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

the error is:

Admin users can always see everything.

Our testing on Chrome/Android - shows the Video background image "correctly" both logged in as admin, and logged out as public user. We verified the Video image shows "correctly" on Chrome / Android mobile phone - as a logged out public user (no permissions)
--
So this reason above, does not match our initial testing results.
--
When time allows, will test more, but as of now, this issue is still not resolved.
--
My gut instinct says this issue may be related to the degrading "Profile Domain" restrictions. We have seen past funky bugs because of profile domains, and I think this current issue may be similar...

What that say to me is chrome/android is either caching the image from when you were logged in and serving it to you when logged out, or bypassing the checks somehow. But since the checks are on the server, that seems very unlikely.

open:
https://wuji.zone/video/image/video_image/21/xxxlarge/image.jpg/crop=807:452?debug=1

in chrome and see what you get.

For me in chrome, i see the same error: (screenshot)

Ahh - you make a very good point about possible caching issue. After we get caught up on some other coding, will test this out further with clearing cache on various devices / browsers...
--
I do hope this is not related to "profile domains", since at the moment, our JR platform model is based on the ability to continue to use the JR profile domain feature.
--
Status = Needs More Testing...

This is not related to profile domains - it's a profile privacy issue like I outlined above.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Hi - If this is a privacy issue, that would be easier to fix than a profile domain issue
--
Question: If I host this Video on a different public server, how can I embed this video into the "bio" field of the profile?
updated by @softdesigns: 01/14/19 06:35:46PM

iframe?

We try to avoid "iframe" - if possible... If there is no other simple option, then when time allows, I can build a custom module to display the video using an alternate video player. Unfortunately I do not have much time for custom coding these days...
--
Example - in WordPress - this only would take a minute, Simply insert quick tag code like this is all it takes to embed external video: [https://mysite.com/myvideo.mp4]
--
Is there no simple built in JR Tag that can embed an external MP4 into the bio field?
updated by @softdesigns: 01/16/19 05:32:56AM

Can you show me an example of the OUTPUT that that tag generates?

my guess is its either using an iframe if it uses an HTML player, or its using a flash player.

Just paste the URL in. The URL scan module will make a card out of it if the remote site has the proper OG tags. Otherwise how is Jamroom supposed what you are linking to?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Per your advice: URL Scan Module - installed today, but not working
--
Yes - URL Scanner sounds like what we need for public media. Since you feel the issue above is caused by security permissions, then we would need to use "public" media. In this case we do not host much public media on JR, since we mostly use JR hosting for "private" media.
--
- Media URL Scanner module Enabled and Activated
- "Expanded Media" - is checked in global config

However, we must be missing something,?
We paste the URL in the "Profile Biography" field of profile, but still just shows raw URL ?
--
Does URL Scanner work in Profile Bio field? What else could we be missing?
--
See Test Site : https://wuji.zone
updated by @softdesigns: 01/16/19 06:13:32PM

You're likely not missing anything - like I posted above, the remote site that contains the content MUST have Open Graph (OG) tags or Jamroom has no idea WHAT the content is. If you simply paste a URL into Jamroom, Jamroom will go out and try to "figure out" where that URL points to so it can make a card - however, that relies on open graph tags being present on the remote site. What is the URL you are trying to embed?


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

If I paste the same video link into a WordPress post, the Video shows fine, so I would assume the media Server(.blog) may have Open Graph (OG) Tags...
--
We need to fix soon, because the raw URL looks really bad
The URL shows here on the home page of our JR test site - profile domain - hosted on SoftArt:
--
See URL on Test Site : https://wuji.zone

You are linking DIRECTLY to the .m4v file:

https://softart.blog/wp-content/uploads/2019/01/wuji-jet-li-jack-ma-taijizen.m4v

Click on that and you will see it is not a page - it is file, so of course there are no OG tags.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

As I said above, this takes about 1 minute to drop that same link into a WordPress page, and the video shows perfectly. As you can see this thread has been open for over two weeks now
--
We need simple method to get that URL Video into JR.
We need it embedded into "Profile Biography" field of profile.
Prefer not to code a custom module, for something this simple.
We tried iFrame - it looks terrible
--
How do I simply get that Video into JR platform ?

I can see the video is hosted on Wordpress, so my guess is they have something special setup where they can get the metadata from the video.


Why can't you upload the video to Jamroom? If you can't do that, upload it to YouTube or Vimeo. If you don't want to do any of those, then Jamroom will just show the URL since it has to have OG tags in order to "know" what the URL points to.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net

Can you show me an example of the OUTPUT that that tag generates?

my guess is its either using an iframe if it uses an HTML player, or its using a flash player.