By Paul Murray on Wednesday, 16 December 2015
Posted in Technical Issues
Replies 4
Likes 0
Views 743
Votes 0
Hello SI Ideas

I am going mad trying to get my shadow box to work.

I have a test Blog post here (you need to login to see it):

http://finalbug.net/blog/entry/532-video-shadow-box-test

And another here:

http://finalbug.net/blog/entry/534-no-numbers-modals-shadow-box-test

For the first one I have used an none SI editor and can not get a you tube video to open in a shadow box.

For the second one I have used the SI editor in conjunction with Modals from NoNumbers.

I have talked with pretty much about every one.

NoNumbers the last thing Peter said was:

The url still redirects to a https url.
Check your javascript error log and you'll see that it is showing the Cross-Origin error when you try to open the link.
You'll also see such an error before that concerning the slideshare fonts.

This is outside the control of Modals. You'll have to google on how to embed youtube on a non-SSL site.


I talked with SiteGround they checked things at the Server end and they even logged into my Joomla back end and said:

After further investigation I was not able to resolve the problem, as it seems it is coming from the extension it self. So in this case I would suggest to try and using a different extension for the opening of youtube videos and check if it is going to work, as from what I can see there are other extensions for youtube embedding that should work normally with EasyBlog.

The alternative will be to contact a professional Joomla developer that should be able to debug the problem more in-depth and resolve the issue for you.

If you have more questions or need further assistance, feel free to contact us.

Best Regards,

Deyan


So that is what I did.
I tried inserting video links using Modals and JCE and neither worked.
Which make me wonder if this is a SI problem.

Another friend (guy writing article) who looked at this said the following:

I hate that the links open in new windows instead of shadow boxes. I really can't understand why since the "gallery" image at the top of the article opens in a shadow box. Thus, it stands to reason that if whatever CSS and JS is being applied to the gallery image so that it opens in a shadowbox, the same could be applied to the hyperlinks to other pages and resident video links. Looking at the HTML for the blog page, I found this set of tags that format and control the gallery image at the top of the blog:

<meta property="og:image" content="http://finalbug.net/images/easyblog_articles/528/b2ap3_large_MotionWall01d-opt.jpg"/>

The "meta property='og:image'" call is the key. It probably is making a call to something in one of the CSS files or directly to a JS file called jcemediabox.js which is initialized in the header of the html on line 41, and what looks like the shadowbox function is initalized on line 44 with a call back to the jcemediabox.js file:


PLEASE SEE SCREEN SHOT

I'm just saying, that if the Stackideas Team aren't understanding the concept of the videos / hyperlinks showing up in a shadow box just like an image, the JCEMediaBox function appears to all ready contain the necessary JS to do it.



So far I have talked with people in Germany, Holland, USA, Eastern Europe and have landed back in Malaysia. This is driving me nuts and I would really appreciate some help on this.

Best case scenario would be getting this to work with Modals so that I can stay in the EB Editor.

thanks in advance

Paul
Hey Paul,

I am really sorry for the delay of this reply. It took me quite some time to read your long post here .

Back to the issue, seems like your goal is to open any embedded video link like youtube link to open in a popup window instead of a new window am I right? Not really sure if we can implement this since we already have our own built in oembed feature where you can play the video directly inside the page.

Regarding on your current issue, I notice that if I change the url format from, /watch/v=video_id to embed format, /embed/video_id the popup is displaying correctly. Check my screenshot here, http://screencast.com/t/Yd76gwLCg . You can try to click on video link 01 with https and see how it goes, http://finalbug.net/blog/entry/534-no-numbers-modals-shadow-box-test .
·
Thursday, 17 December 2015 13:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Erzul

I am attempting to do insert links in shadow boxes.


First eg. (channel) I have no idea how this would work.

https://www.youtube.com/channel/UCxQJspG2USvbhKlMcbNLofQ

Second eg:

https://www.youtube.com/watch?v=xiemS_DLKF4

I understand now how to get this working for videos. Thanks to your help of course.

Please see the test post here:

http://finalbug.net/blog/entry/534-no-numbers-modals-shadow-box-test

But still do not understand how to get this to work for channels.

Please advise.

What I really do not understand is why is this so difficult.
There are shadow boxes available for pictures but not for videos.
I used to program DVDs and there were certain functions that were either there or not there.
You could fast forward or not fast forward and that was that.

just saying

thanks in advance for helping me get channels nailed

Paul
·
Thursday, 17 December 2015 17:15
·
0 Likes
·
0 Votes
·
0 Comments
·
To further complicate matters adding “HTML” blocks always seems to break down at some point e.g. after I have added 2 HTML blocks. As of now I can not add any more HTML blocks.

I wanted to attempt entering the following.

Blah, blah, blah 01. <a href=“https://www.youtube.com/channel/UCxQJspG2USvbhKlMcbNLofQ” class="modal_link cboxElement modal_active" data-modal-iframe="true" data-modal-width="95%" data-modal-height="95%" data-modal-class-name="no_title">LINK IS HERE FOR CHANNEL 01.</a>


please see this issue here:

http://stackideas.com/forums/can-not-enter-more-than-2-html-blocks

thanks

Paul
·
Thursday, 17 December 2015 17:25
·
0 Likes
·
0 Votes
·
0 Comments
·
The "channel" issue has nothing to do with siteground / no number / EasyBlog. The problem actually lies on Youtube itself. It probably doesn't allow you to hot link to a channel.

Based on what I understand here, http://stackoverflow.com/questions/15272857/load-denied-by-x-frame-options-http-www-youtube-com-v-g5rm5strmxy-does-not-pe it seems like it requires you to use the /embed/ instead.

Anyway, I tried to edit the blog post at http://finalbug.net/blog/entry/534-no-numbers-modals-shadow-box-test and was able to inert a 3rd html block. Let's continue the html block issue on the other thread.
·
Thursday, 17 December 2015 21:45
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post