I am working on a site that uses JW Player to skin YouTube videos. It works fine in Chrome and FireFox but just doesn't load the skin in IE. The video plays using the YouTube player but it just doesn't have any controls.
Even in the most basic of setups it will still not work, example below. I am using a Pro account and the full version of JW Player is 6.11.4923.
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="http://jwpsrv.com/library/127baEpAEeSLmSIAC0WXxA.js"></script>
</head>
<body>
<div id='video'></div>
<script type='text/javascript'>
jwplayer('video').setup({
file: '//www.youtube.com/watch?v=aqz-KE-bpKQ',
skin: 'beelden'
});
</script>
</body>
</html>
I am also getting an error in the console, screenshot below:
> Error handling "jwplayerMediaLevelChanged" event listener [0]:
> TypeError: Cannot read property 'length' of undefined function
Any help would be great, thanks.
Related
<!DOCTYPE html>
<html lang="en">
<head>
<title>Avacados</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://ar.marketscale.com/test/test.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<a style="display:none" id="ar-link" href="intent://arvr.google.com/scene-viewer/1.0?file=https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/master/2.0/Avocado/glTF/Avocado.gltf&mode=ar_only&link=https://www.google.com&sourceid=chrome&ie=UTF-8&title=Acocados#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=https://developers.google.com/ar;end;">Avovados</a>
<footer>
<script type="text/javascript">
var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
if (isMobile) {
$(document).ready(function(){
setTimeout(function(){
// $('#ar-link').trigger('click');
$('#ar-link').click(function() {
this.click();
}).click();
},1000);
});
} else {
window.location.href = "https://ar.marketscale.com/test/testfallback.css"
}
</script>
</footer>
<!-- 💁 Include both scripts below to support all browsers! -->
<!-- Loads <model-viewer> for modern browsers: -->
<script type="module"
src="https://unpkg.com/#google/model-viewer/dist/model-viewer.min.js">
</script>
<!-- Loads <model-viewer> for old browsers like IE11: -->
<script nomodule
src="https://unpkg.com/#google/model-viewer/dist/model-viewer-legacy.js">
</script>
</body>
</html>
I am using Scene Viewer and triggering the explicit intent from HTML. It's running in ar_only. The goal is when you visit this website it launches AR automatically. I have a URL and I have a QR code that points to that URL.
When you scan the QR code it starts AR no problem. When you type in the URL it sends you to the fallback website. I know the phone is compatible because it works when you scan the QR code. I have also tried this on other phones and it gives me the same results.
I think Javascript is the issue. I'm using it to "click" or run this automatically. Any ideas on what could be going on?
the link is ar.marketscale.com/test/ar_avacado.html
here is a QR code that links to that URL:
QR CODE
I followed steps in this site(http://support.ooyala.com/developers/users/documentation/reference/player_v3_dev_tutorial.html)
Below is my code
<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title>
Ooyala Web Page
</title>
<script src='http://player.ooyala.com/v3/50396e656f074f74828abeb517a52a46'>
</script>
</head>
<body>
<div id='ooyalaplayer' style='width:640px;height:360px'></div>
<script>OO.ready(function() {
window.player = OO.Player.create('ooyalaplayer', '03ZWZrdjqfMpvpYcC- _VNo7bsnDm78kO', {"autoplay":true}); });</script>
</body>
</html>
What went wrong? The website has a container but video is not loaded its keep on giving the loading symbol
I'm not sure if you're still encountering this issue but I noticed a space in the movie id.
window.player = OO.Player.create(
'ooyalaplayer',
'03ZWZrdjqfMpvpYcC-_VNo7bsnDm78kO',
{"autoplay":true});
});
When I remove the space the content does load, however it appears that the movie has expired. The following error event was raised:
{"0":"error","1":{"code":"unknownSasContent","source":"flash"}}
Ethan JWPlayer (https://stackoverflow.com/users/1645000/ethan-jwplayer) mentioned (here: jwplayer playlist is not working in mobile) that playlists are not supported with youtube videos on mobile, but it would be supported in the future.
Is it supported yet? If not what's the plan (ETA)?
Have you tried this code ?
<html>
<head>
<title>Test Page</title>
</head>
<body>
<script type="text/javascript" src="http://player.longtailvideo.com/jwplayer.js"></script>
<div id="player"></div>
<script type="text/javascript">
jwplayer("player").setup({
file: "http://gdata.youtube.com/feeds/api/playlists/PL895D164BB097AA0F",
flashplayer: "http://player.longtailvideo.com/player.swf",
volume: 80,
width: 465,
stretching: 'fill'
});
</script>
</body>
</html>
The playlist url must be in this format:
http://gdata.youtube.com/feeds/api/playlists/PL895D164BB097AA0F
I am implementing omniture tags in one of my projects. The omniture tags are being provided by a client. The problem is the web application loads a and the omniture tag is inside that . Now, for some reason the omniture tags are not being fired. I opened the omniture debugger and there are no tags being tracked. For testing purpose I remove the and the omniture tag started working.
Here is the sample of the problem HTML:
<frameset>
<frame id="pageFrame">
#document
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div id="somediv">
<script type="text/javascript" language="javascript" src="tracking.JS"></script>
<script type="text/javascript">
<!--
console.log("Testing");
s.channel="test";
s.prop50=s.channel+":INTERNET";
s.pageName=s.prop50+":User name";
//-->
</script>
<script type="text/javascript" language="javascript" src="morescript.JS"></script>
</div>
</body>
</html>
</frame>
</frameset>
Are there any known inherent issues with Omniture inside ? Any ideas?
Thanks.
The debugger often does not display image requests in frames. I would recommend in this instance to use a packet monitor, such as Chrome's Network tab in Developer Tools or HTTPFox.
The latest version of the debugger may prove useful as well, however your mileage may vary in respect to frames.
Ooyala player version 2 or 3 not running in IE 10 metro mode
Only in metro mode of IE 10 below code is not running.
Pls help.
below is the code used.
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
</head>
<script type="text/javascript" src="http://player.ooyala.com/player.js?width=750&height=312&embedCode=4yb2NyNToSgl-L6mEJvDW4NaqxRYQvnN">
</script>
<head>
<!-- Load Ooyala Player -->
<script src='http://player.ooyala.com/v3/4yb2NyNToSgl-L6mEJvDW4NaqxRYQvnN'></script>
</head>
<body>
<!-- Player Placement -->
<div id='playerwrapper' style='width:750px;height:312px;'></div>
<script>
var videoPlayer = OO.Player.create('playerwrapper', '4yb2NyNToSgl-L6mEJvDW4NaqxRYQvnN');
videoPlayer.play();
</script>
</body>
</html>
You are not seeing playback in IE10 metro for a couple of reasons- you are not embedding player v3 correctly, so the v2 player is the only one thats being loaded. V2 does not support metro in IE10 unless your site is whitelisted for Flash.
I've fixed up your test page for you, please insert an embed code and your player branding id as provided by your Account Manager.
<!DOCTYPE html>
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript" src='http://player.ooyala.com/v3/{PLAYER BRANDING ID}'></script>
</head>
<body>
<!-- Player Placement -->
<div id='playerwrapper' style='width:750px;height:312px;'></div>
<script>
OO.ready(function() {
var videoPlayer = OO.Player.create('playerwrapper', '{EMBED CODE}');
videoPlayer.play();
});
</script>
</body>
</html>