Javascript 可以在iframe或div中播放tiktok吗?
我正在为不同的tiktok URL和ID创建一个对象数组,我希望在调用给定函数时引用和播放这些URL和ID 但我无法播放视频 它本身将显示工作视频,但我很难交换url和id来播放与onclick按钮相关的不同视频 下面是我的文档,不确定我的文档是否有问题。getElementById(“visualDrinkMaker”).src=Javascript 可以在iframe或div中播放tiktok吗?,javascript,onclick,video-streaming,Javascript,Onclick,Video Streaming,我正在为不同的tiktok URL和ID创建一个对象数组,我希望在调用给定函数时引用和播放这些URL和ID 但我无法播放视频 它本身将显示工作视频,但我很难交换url和id来播放与onclick按钮相关的不同视频 下面是我的文档,不确定我的文档是否有问题。getElementById(“visualDrinkMaker”).src= <!DOCTYPE html> <html lang="en-us"> <head> <m
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>tiktok</title>
</head>
<body>
<iframe id="drinkMaker" width="520" height="360" frameborder="0" ></iframe>
<div id="visualDrinkMaker">
</div>
<button id="coffee">coffee</button>
<script type="text/javascript">
const drinksList = [
coffee = {url: "https://www.tiktok.com/@traderjoesfoodreviews/video/6822687886077332741",
id: "6822687886077332741"},
latte = {url: "https://www.tiktok.com/@starseed137/video/6846913513248574725",
id: "6846913513248574725"}
]
document.getElementById("coffee").onclick =myFunction()
function myFunction() {
let url = drinksList[0].url;
let id = drinksList[0].id;
document.getElementById("visualDrinkMaker").src = '<blockquote class="tiktok-embed" cite=' + url + '
data-video-id=' + id + ' style="max-width: 605px;min-width: 325px;" > <section> </section>
</blockquote> <script async src="https://www.tiktok.com/embed.js">';
}
</script>;
</body>
</html>
TIKTOK
咖啡
const drinksList=[
coffee={url:“https://www.tiktok.com/@traderjoesfoodreviews/video/6822687886077332741“,
id:“6822687886077332741”},
拿铁={url:“https://www.tiktok.com/@starseed137/video/6846913513248574725“,
id:“6846913513248574725”}
]
document.getElementById(“coffee”).onclick=myFunction()
函数myFunction(){
让url=drinksList[0]。url;
让id=drinksList[0].id;
document.getElementById(“visualDrinkMaker”).src='10〕
';
}
;