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.
Related
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.
Say I open Youtube,and the video starts playing. How do I find out what in-browser and system plugins / resources are being used to play the music / video?
Asking because on my Firefox, about 50% of the time, when I open youtube, it starts playing the audio of the page in the background, even as the video loads. So when the video is playing, there's audio with it, but there's the same audio, with a small delay playing in the background.
I've tried disabling the extra flash plugin that most other guides about this recommend, and it hasn't helped. Now I want to find out what my browser is using to play the background music.
Simplest thing is probably to right-click on the video and check if the menu that appears is the typical Flash rc-menu or the browser native video right-click menu.
In my Windows Phone application I'm loading a html site into a view, really simple stuff with this method:
var itemView = view as NorwegianBrowserView;
var webBrowser = itemView.browserContainer;
webBrowser.Navigate(new Uri(_globalAccessObjects.ActiveNorwayLink,UriKind.RelativeOrAbsolute));
The site loads everything except a video clip. Or well it knows the video is there but it just shows a black square. And pressing that black square does nothing.
As i side note i can add that i got the same application for iOS and Android and they both got no problem in loading the very same website(+ they load the video). And here i can press the video clip and it will start playing.
Am i loading the website into my view the wrong way? or does microsoft.phone.controls.webbrowser not support a video clip?
Any help is much appreciated.
The ability to play video clips in line in a web page is dependent upon the version of Windows Phone you are running on and the format of the video.
Only Window Phone 8.1 supports playing video within a page. Unfortunately this isn't yet widely available.
Even then the video format may still be an issue and if not supported could lead to a placeholder image being displayed.
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.
I'm building an application which plays videos using the YouTube iframe API. You can see the application here.
I've run into a weird issue where the player works ok in Chrome/Safari but won't show the video correctly in Firefox (I'm using FF22 on OSX 10.7.5). You can click the play button and hear the sound but the video never appears.
Anyone got any ideas what might be wrong?
Some Observations
You can see the YouTube branding (which is part of the player) so it's there, it's just not showing any picture.
According to #ceasar in the answers, the player works on Win 7 FF22. I have another report which states that it also works fine on Ubuntu FF.
If I open up the FF developer console and click various nodes in the DOM tree of that window, the video will appear. Try clicking div.show-details to see this effect (It's under body > div.wide > div.show-details )
There is a transparent overlay over the video but I'm setting ?wmode=opaque on my iframe (like this question suggests) so that should be ok.
This question suggests that setting certain styling rules such as border-radius on the iframe can mess with it. I'm not doing anything like that.
In FF the youtube logo isn't showing but working okay (win7 FF 22). Also in the other browsers I cannot click on the youtube logo. This is against the youtube TOS and you could be banned for this so be warned