Auto pulled YouTube videos won't load in fancy box - javascript

On my home page I have YouTube videos that get auto pulled via YouTube API. They display perfectly and the links come through as expected. They each have class="fancybox-youtube" but none of the videos open in a fancy box window.
I manually entered a link above the YouTube videos that auto feed and that works.
If you go to my home page
2k Online Franchise and scroll down to "Latest Videos" you will see the videos I am referring to. You will also see text above those images that says "YouTube video link works".
Thank you in advance for the help, I have reserached this for hours and trouble shot it too but as you have read, it's beyond me.

I dreamed my answer! lol I fixed it. It was due to an old version of jquery running with the latest version of Fancy Box. I updated to jquery3.2.1 and it worked.

Related

How to display a website (not hosted) within another website that IS hosted?

I am creating a portfolio website that WILL HAVE A DOMAIN AND WILL BE HOSTED. For the purposes of the below questions, my portfolio website will be "website #1" and the project website will be "website #2."
I am creating website #1 (has domain/is hosted). I want to showcase website #2 (no domain/not hosted) within website #1 without having to purchase a domain/host for it. Website #2 was a school project so I do not want to spend money on a domain or hosting services.
Ideally, there would be a button the user can click on website #1, another browser window pops up within website #1, and loads the local files of website #2. The background of website #1 is still visible, but the popup browser window now has focus (see image).
If this is possible, do you know if website #2 would be responsive to the popup window? It would be great if the user could resize the popup window to see the responsiveness of it.
Hopefully, I have explained everything well enough the second time around to get some help. Thank you in advance! :)
You can place projects websites in /projects/ directory and then refer to them as for example: https://yourportfolio.com/projects/schoolproject.
To display it in your portfolio website you can use iframe tag and it can be responsive if you code it correctly.

View video and use website simultaneously in same view with refreshes

So I am creating this interesting project. In this project, a you are guided through a website tour with a YouTube video. To achieve this I need to be able to view the video and work on the website simultaneously so that every page refresh doesn't load the video all over again and the user has his progress maintained.
Is there any jQuery plugin or library I could use? If someone knows anything related to this, please guide me ..
Thanks ..

Video to full modal

I am inserting YouTube videos in my website with iframes and I need to make the video almost full screen and the background white (like a full screen mode). I know how to make both, but I cant move the video with javascript from his container to a new one without stoping so how can i do it?
Thanks for your time
This works if you're using Bootstrap. I think you should be able to use it if you arent using Bootstrap too.
YTModal helps you play Youtube videos in a popup window based jQuery and Twitter Bootstrap modal component. It also requires jQuery YouTubeDefaultImageLoader.js to insert Youtube video iframes with post images into your web page
http://www.jqueryscript.net/other/Youtube-Video-Modal-with-jQuery-Bootstrap-3-YTModal.html

Facebook Like Button Grabbing Content From Wrong Page

On my site, I've implemented some facebook like buttons on the articles which works for all of them but one. If you 'like' an article, such as this one then it works fine and grabs the right image, right content and puts them on my facebook profile. However, when I 'like' this one it grabs the content and the url of the home page, made worse by the carousel on the homepage which means that it gets content from that and not even the intro text there.
This has been driving me crazy. Please help me.
Next time this happens, use the Facebook Linter tool to debug it and clear any info Facebook has cached. I did this for your URL and it should be working now.

Automatic Javascript Video Pop-Up

I need a video to automatically pop up, ideally in a lightbox. It needs to automatically pop up when a user first visits the page, play the video then close. I also need a button to play again if needed. I also only want this video to play the first time a person visits the homepage, so when you navigate back to the homepage it will not play again.
Diodeus has a good point. The stack overflow community is to help specific questions, not to write programs for each other.
You have a number of needs, and I will try to help you sort them out:
Embedded Video
Lightbox
Automatic Popup
Stored State
Embedding videos can be a challenge. Quickly searching TheGoogle (embed a video) gives me this link:
http://www.hunlock.com/blogs/Everything_You_Ever_Needed_To_Know_About_Video_Embedding
I did not read it, but the point is you can find many resources for video embedding.
Lightbox
There are many lightbox scripts ( http://www.lokeshdhakar.com/projects/lightbox2/ ), you will have to slog through them to find one that you like.
Automatic Popup
If you're using jQuery I would suggest the jQuery.ready function.
Stored State
To see if a user has visited the homepage before, I would suggest setting a cookie. http://www.quirksmode.org/js/cookies.html

Categories

Resources