如何从数组获取链接以在youtube Iframe API中播放
How to get link from array to play in youtube Iframe API?
我想从我的数组中获取链接,然后拆分字符串以获取 Youtube 视频 ID :"Dg_0L9jJuoo",以便我可以将其提供给 api。第二个问题是如何使 api 从数组自动播放视频。
这是我的数组:
[{"id":"697f46e3-6426-4177-ac87-6ff1a4d9d6d5","title":"Muusika","link":"https://www.youtube.com/watch?v=Dg_0L9jJuoo"},{"id":"f8107406-f2a6-4ede-9835-fc38766d607e","title":"Muusika","link":"https://www.youtube.com/watch?v=p9j8RGTqju0"}]
提前致谢
这个怎么样?我希望按照你的期望
你可以在jsfiddle中看到它:https://jsfiddle.net/nauvalazhar/vxgwkfdh/2/
*欢呼
<!DOCTYPE html>
<html>
<head>
<title>Youtube Player</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Your array data
var youtube = [
{
"id":"697f46e3-6426-4177-ac87-6ff1a4d9d6d5",
"title":"Muusika",
"link":"https://www.youtube.com/watch?v=Dg_0L9jJuoo"
},
{
"id":"f8107406-f2a6-4ede-9835-fc38766d607e",
"title":"Muusika",
"link":"https://www.youtube.com/watch?v=p9j8RGTqju0"
}
];
// Extract a array
$.map(youtube, function(value, key) {
// take the id of youtube link on your array
var id = value.link.split("?v="),
id = id[1];
// and displays embed youtube to element #youtube-video
$("#youtube-video").append($("<iframe />", {
src: "https://youtube.com/embed/"+id+"?autoplay=1",
frameborder: 0,
width: "100%",
height: 300
}))
});
});
</script>
</head>
<body>
<div id="youtube-video"></div>
</body>
</html>
相关文章:
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 如何用低音量自动启动Youtube视频(iframe)
- 可以't从Youtube IFrame更改焦点
- Youtube iframe api未在YouTubeIframeAPIReady上触发
- 使用YouTube iFrame API的IE中的JavaScript问题
- 多个youtube iframe播放此内容
- 如何使用javascript(或jQuery)将youtube视频添加到iframe(基于web的RTE)
- Browserify breaks Youtube iFrame API
- Iframe youtube多个视频跟踪
- Iframe|youtube Iframe上的移动后退按钮
- React dangerouslySetInnerHTML 渲染 iframe youtube 嵌入自 props
- iframe youtube视频开始播放后背景变暗
- 尝试用jQuery在点击时切换iframe YouTube视频的URL
- 如何设置视频广告在iframe youtube播放器API在javascript
- 获得当前嵌入iframe youtube播放器的时间
- Iframe YouTube API动态改变视频源
- iframe youtube视频控制
- 改变iframe youtube src与IE8错误
- Iframe youtube api视频事件设置
- 嵌入iframe - Youtube视频不循环