Vimeo Slider脚本-SyntaxError:JSON.parse:意外字符
Vimeo Slider Script - SyntaxError: JSON.parse: unexpected character
我正在使用我在论坛上找到的一个脚本,用我的javascript滑块绑定到Vimeo API,但我遇到了一个错误:
SyntaxError:JSON.parse:意外字符
它说这条线上存在错误:
var data = JSON.parse(e.data);
下面是整个脚本:
(function () {
var $=jQuery;
var f = $('iframe');
var url = f.attr('src').split('?')[0]; <?php //HACK! had to hard code the protocol in here or postMethod shows error: Uncaught SyntaxError: An invalid or illegal string was specified. ?>
//var status = $('.status');
// Listen for messages from the player
if (window.addEventListener){
window.addEventListener('message', onMessageReceived, false);
} else {
window.attachEvent('onmessage', onMessageReceived, false);
}
// Handle messages received from the player
function onMessageReceived(e) {
var data = JSON.parse(e.data);
switch (data.event) {
case 'ready':
onReady();
break;
case 'playProgress':
onPlayProgress(data.data);
break;
case 'pause':
onPause();
break;
case 'finish':
onFinish();
break;
}
}
// Call the API when a button is pressed
$('button').on('click', function() {
post($(this).text().toLowerCase());
});
// Helper function for sending a message to the player
function post(action, value) {
var data = { method: action };
if (value) {
data.value = value;
}
$('iframe')[0].contentWindow.postMessage(JSON.stringify(data), url);
}
function onReady() {
post('addEventListener', 'pause');
post('addEventListener', 'finish');
post('addEventListener', 'playProgress');
}
function onPause() {
console.log("vimeo paused");
}
function onFinish() {
playing = setInterval(function() {slide('left')}, 6000);
console.log("vimeo finish");
slide('left');
}
function onPlayProgress(data) {
clearInterval(playing);
console.log("vimeo play progress");
}
})();
有人有什么想法吗?谢谢
问题在于以下代码:var f=$('iframe');
如果您的页面上有其他iframe,那么代码将针对这些iframe。它可能是一个类似于脸书的/共享按钮,这就是我的情况。你必须用这样的东西填充f变量:
var f=$('.viopeoplayer');
尽管如此,我还是遇到了问题。如果不使用他们的迷你库"froogarop",我认为使用普通的javascript/jquery与vimeo播放器交互是不可行的。我开始使用froogaroop,它解决了我所有的问题。Froogaloop只是几行代码。。。完全值得。
http://developer.vimeo.com/player/js-api
相关文章:
- 当其他解析器认为意外的令牌有效时,json.parse会失败
- AJAX语法错误:JSON.parse:意外字符
- 错误:[$parse:syntax]语法错误:令牌''是意外的令牌
- 使用 JSON.parse 将字符串(变量)转换为对象,错误意外标记
- “JSON.parse(str)”返回“意外令牌c”,但str是一个字符串
- AngularJS json.parse 在 json 数据的第 1 行第 1 列处意外的数据结尾
- JSON.parse:意外字符
- Json响应错误Json.parse:意外的数据结束错误
- json错误json.parse:意外的数据结束错误
- 奇怪的javascript行为-JSON.parse:意外字符
- Vimeo Slider脚本-SyntaxError:JSON.parse:意外字符
- 语法错误:JSON.parse:意外字符
- 语法错误:JSON.parse:意外的数据结束
- JSON.parse 意外结束数据火狐狸插件
- JSON.parse:意外的字符错误
- "SyntaxError:JSON.parse:意外字符"将多个变量从AJAX传递到PHP时出错
- JSON.parse:意外字符
- json.parse意外的令牌错误
- json_encode json.parse意外的令牌<
- 如何修复jTable插件的JSON.parse:意外字符Line550jQuery.js错误