- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
单击开始播放 Yt 视频后,是否可以执行 Java Script 功能?
我的代码如下所示:
<html>
<head><title>onclick event demo</title>
</head>
<body>
<h3>onclick event demo</h3>
<p>Fires when the element is clicked.</p>
<embed
onclick="VideoStart()"
src="https://www.youtube.com/embed/qK9v-VFfdY0?start=478" style="border:1px solid;"
>
</body>
</html>
<script>
function VideoStart(){
***code executed when clicking on the Yt-Video***
}
</script>
但是由于某种原因,当我通过单击鼠标开始或停止 YT 视频时没有任何 react 。有人可以帮我解决这个问题。我很感激答案。
最佳答案
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
videoId: 'M7lc1UVf-VE',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
//event.target.playVideo();
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING) {
myFunction();
}
}
function stopVideo() {
player.stopVideo();
}
function myFunction(){
alert("Hello world");
}
</script>
</body
myFunction
将在视频开始播放时调用。
关于javascript - 单击 yt-video 时加载 js 功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64049418/
我有个小问题,解决不了。可能只是个小把戏什么的。。我想为不和谐编写一个音乐机器人。它还应该播放播放列表。它可以工作,但YT-DLP总是首先下载整个播放列表。。我想不通,YT-DLP是逐个下载的。。我的
我一直在尝试使用此link从youtube检索一些视频,直到我添加上载日期过滤器后,XML文件的yt:statistics标记中不包含entry,事情才能顺利进行。除此之外,当我添加其他过滤器(例如“
我需要通过JS访问YouTube状态来控制视频幻灯片。由于某种原因,我收到 getPlayerState() is not a function 消息。我可以直接访问 playerState 属性,尽
使用YT iframe API时,我偶然发现了一个问题。 我已经设置了YT iframe,并且在加载后立即加载了iframe API脚本: 我不需要支持较旧的浏览器,因此我选择像
我正在尝试使用yt-player API和Laravel显示YouTube播放器:https://www.npmjs.com/package/yt-player 这是我的Laravel show.bl
我正在使用已使用多年的yt-getuseruploads-script,但是突然它中止而没有错误消息。像这样开始 "; $yt = anmelden_yt($name,$pass); echo "2
我是第一次创建网站,需要一些帮助。我有两个主要问题。第一个是我想要它,这样当有人点击“基本信息”按钮时,它会直接链接到页面的那一部分而不是另一页,因为我的所有信息都将在该页面上。我也想在我的网页上添加
我正在尝试向我在 yt 中的派生字段之一添加一个数字下限。但是,当我尝试时: new_field = 1.0e-10 + data['metal_density'] 我收到以下错误: In [1]:
我无法找出或找出如何使用PHP permission="allowed"从此xml解析simplexml_load_file值。 基本结构是 如何获得最后一行上permission
在同一页面的不同元素上创建了多个 YT.player 对象。 player1 = new YT.Player( 'player-1' , {... player2 = new YT.Player(
我已将 iFrame Youtube 视频嵌入到我的页面中,我希望视频在用户单击“下一步”按钮以循环浏览视频轮播时暂停。在循环到下一个视频之前,我为事件视频创建了一个 YT 对象并尝试运行 pause
我显示 YouTube 视频的链接列表。 document.getElementById('videos').innerHTML += "" + "" +
我正在使用 yt-Project 库来可视化数据和创建图表。现在,我想创建一个包含两个子图的图。 yt 似乎无法直接实现这一点,您必须使用 matplotlib 进行进一步定制(描述 here )。由
我已阅读 youtube API 文档,但我无法找到如何举报 channel 。我发现只有端点负责报告视频 https://developers.google.com/youtube/v3/docs/
我一直在尝试获取有关 meteor 的视频信息。 从我阅读并尝试过的所有内容中,我得出的结论是,最好在服务器上执行此操作,这意味着我必须使用renaldo:youtube-api包。 我的问题是,我该
我一直在摆弄我在这里找到的很多信息,将透明的电视 PNG 覆盖在 youtube 视频上,并成功地让它在桌面上工作。但是,当在移动设备上观看时(这将是主要收视率),我无法让它正确对齐。有没有办法可以根
对此很困扰。在PHP中,我正在获取YouTube用户的视频供稿,并尝试访问节点,如下所示: $url = 'http://gdata.youtube.com/feeds/api/users/HCAFC
也许这是一个不常见的问题,但是我们开始吧。这是代码 $userName=("Google"); $yt = new Zend_Gdata_YouTube(); $query = $yt->newVid
我试图将此代码放入模块函数中: $(document).ready(function() { VIDEO.onYouTubeIframeAPIReady(); }
我一直在尝试找到一些解决此问题的好方法,但无济于事。我有一个我正在使用的个人资料网站,它使用轮播来展示我以前的一些作品。 轮播的其中一项是 YT iFrame。轮播有两个主要功能: 用于导航轮播的下一
我是一名优秀的程序员,十分优秀!