YouTube lightbox doesn't count view - view

I have a thumbnail.jpg hosted on my server, when clicked, open a jQuery lightbox and play YouTube video. However, by this method I need to add &autoplay=1 in the embed code. Or else, users will need to click twice on the same video in order to play.
The problem is, youtube said autoplay doesn't count the view. In my case, user DOES click on the thumbnail image hosted on my server. Is there any suggestion to use the same flow (click –> lightbox) and make YouTube count the view? This video is on top of the sidebar at my website.

Related

Videos only playing on page refresh in Safari

We're having issues with auto-playing the videos at the bottom of this page on Safari, both desktop and mobile:
http://dev-doublespace.pantheonsite.io/work/kdc-one/
The videos don't appear or play on the initial load of the page. If we click "Show controls", then the controls for the video appear, but the videos aren't available and the sizing of the video window is not correct (screenshot below). If we choose to copy the file address, then the proper mp4 file address shows. However, if we "open the video in new window", or re-load the page, the videos then appear and play as expected.
We assume this is some type of caching issue, but can't be certain.
This site was built on Wordpress and is being hosted on Pantheon. We have the Pantheon caching tool enabled. We're using the Beaver Builder page builder to maintain the page content.
If anyone has any ideas on what might be happening here and how we can resolve this, that would be greatly appreciated.

How to add a facebook page's events to website

I'm looking for a solution to get a list of events from a public page on Facebook to display on my website in a list. I'm using Magento 2 for the website. I know there are Facebook widgets, Facebook login capabilities, etc. I don't want any of that. I am not looking to integrate Facebook, I just want a list of the publicly viewable events so I can put them on my website. I don't want events for a user, I want the business page's events. This seems like it should be a straight forward thing but I can't seem to find anything that does this.
Alternatively, I've heard you can integrate Google Calendar to create events in Facebook, and I could integrate Google Calendar into my website. That seems a bit more convoluted as the social admins prefer to create events in Facebook, but I'll take what I can get. If this method is the best way, can you point me in the right direction? Are there libraries to use, etc?
Thanks!
Yes you're correct, you can integrate Google Calendar to Facebook and you can also embed a calendar in your Facebook Page. You don't need to code the integration, you can just follow the steps provided from this blog.
Here are the steps you on how to add your Google Calendar to your Facebook Page:
Open up your Facebook Page
In a separate tab open up your Google calendar
Click on the cog in the upper right-hand corner, and select “Settings”
Click on “Calendars”
Click on the calendar you want to add to your Facebook Page
You should see the embed code here (If you want to make any color changes or style changes you will need to do it before adding it to
your Facebook Page)
Select all the code and copy it to your clipboard
In another tab open this link: Static HTML: iframe tabs
Click “Add Static HTML to a Page”
Select the page you want to add a new tab to from the drop-down menu
Next click “Add Page Tab”
Once your page has refreshed, click “Set up tab”
Select all the text in the app editor, and delete it
Paste the code that you copied from your Google calendar
In the upper right-hand corner click “Save and Publish”
Refresh your Facebook Page and check out your new tab

When does firefox take website screen shot for its home page?

When ever I earn a reputation, firefox understand and refresh my thumbnail. I want to know how it works and when does firefox take website screenshot for its home page?
Is there any meta tag or something like this to force firefox to take screenshot?
When you earn reputation firefox has no idea. The javascript code (that stackoverflow loaded into firefox when you loaded the page) does. If you don't have the page loaded and the javascript code running nothing will ever see the change. Look up AJAX if you want to know more.
You can force the images to update but it involves loading the page.
From https://support.mozilla.org/en-US/kb/thumbnails-on-new-tab-page-are-missing?esab=a&s=new+tab+thumbnails&r=1&as=s
Make Firefox create new images for the new tab page
The images will get re-stored as you use the new tab page to go to
those websites again.
Open the new tab page by clicking the + button on the tab strip.
Click on one of the blank images to go to a website. Note, that it works only for left-click, opening in new tab doesn't do the trick.
This is important - let the website finish loading (wait for the spinning green loading icon in the tab to stop).
Open the new tab page again and you will see a new image for the website you just went to.
Repeat this process for the rest of the missing images.

App Inventor 2 - WebViewer detecting changes

I am trying to integrate MobPartner ads in my app, the ads from MobPartner can be displayed from "Pools" which contain several ads which automaticly scroll sideways and are set which an individual click link. The page with the ads looks like this, when I set the URL of the WebViewer in AI2, the ads display and scroll as they should.
The problem I have is detecting a click on one of the ads, this is the best I got to:
If a user would click on one of the ads via the WebViewer it will redirect them to the automatic URL set by the advertiser. I will then use the link and set ActivityStarter to WebViewer1.CurrentUrl and start the website full screen instead of the ad resolution (320x48).
I would like to know if there is a way to detect any clicks within WebViewer so that I can start ActivityStarter faster with the link. If not, is there a way to check the URL of the link clicked in WebViewer before the target website loads. In my opinion the timer (set to 1000 interval) is an inefficient way of checking if an ad is clicked. Anyone able to answer my questions above or provide a way of improving this code? Much appreciated.
PS: The HomeUrl for WebViewer has been pre-defined in the designer as well as the ActivityStarter "Action".
Thank you!
There is no possibility to detect any clicks within the Webviewer. The only thing you can detect is an URL change with the Clock component, and this is what you are already doing.
What you could do is to reduce the timer interval or instead of opening the webpage with the Activity Starter, just stay in the Webviewer and set its height and width to fill parent, which is -2 in the Blocks Editor, and hide all the other components on the screen to be able to view only that webpage in full screen.

How to make thumbnails in wordpress play audio after click through stratus

I probably searched through the entire web but couldn't find any help on this. Before I ask the question I must mention that I am a complete novice in web development.
I went through a lot of websites that enable you to play audio through stratus after clicking on a thumbnail. Although websites like indieshuffle.com and themusicninja do not use stratus, I was wondering how they get their photos to play songs in their audio players.
Similarly, I don't want my thumbnails to link to the post but instead I want people to play the corresponding soundcloud track after clicking on the thumbnail. Also, if it is possible to have play/pause buttons on the thumbnails it will be great.
Of course, I have ajax and stratus as well as the full width audio player installed as plugins.
I am guessing this has to do with embedding the shortcode for the track somewhere in the image.
Please help!!!
since you are complete new your best bet here is an album plugin or something
that will let you attach an image and have a mp3 file to relate to, and be displayed without much knowledge in coding.

Resources