标签: youtube-iframe-api

如何删除 YouTube 品牌、视频信息和相关视频

我正在尝试使用 youtube 嵌入视频作为网站横幅的背景。我正在使用 iframe 渲染 YouTube 视频。在视频链接中添加了以下参数,但视频仍然在右下角显示 YouTube 徽标,并在顶部显示视频标题和共享链接。

controls=0&autoplay=1&mute=1&enablejsapi=1&showinfo=0&autohide=1
Run Code Online (Sandbox Code Playgroud)

如何删除视频标题、分享链接和 YouTube 徽标?有没有办法停止显示相关视频?

youtube youtube-iframe-api

1
推荐指数
1
解决办法
1万
查看次数

嵌入带有频道ID的最新YouTube视频

我正在为朋友建立网站,而YouTube播放器API遇到了一些麻烦。到目前为止,这是我嵌入的HTML IFrame:

<body>    
    <iframe style="max-width: 480px" width="100%" height="360" src="http://www.youtube.com/embed?max-results=1&controls=0&showinfo=0&rel=0&listType=user_uploads&list=UCvDJ_vg2dics1kmwUPnTo_A" frameborder="0" allowfullscreen></iframe>
</body> 
Run Code Online (Sandbox Code Playgroud)

由于他的YouTube频道使用了新的ID系统,并且在“ user_uploads”类型中未检测到该ID系统,因此无法使用该功能。有任何想法吗?

html youtube-api youtube-iframe-api

0
推荐指数
1
解决办法
5287
查看次数

如何为 YouTube 视频创建倒带功能

嗨,朋友们,我想开发一个倒带功能,当我单击倒带按钮时,YouTube 视频会在 I 帧倒带中显示 10 秒,但我无法得到如何创建这个功能,如果您有任何解决方案,请尽快与我分享。

这是我的代码。

    [![<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Youtube videos proxy server</title>
<!--        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://www.youtube.com/iframe_api"></script>
    </head>
    <body>
        <?php        
        $val="";
        $vid="0TvTyj5FAaQ";
        $str = file_get_contents('video.json');
        $json = json_decode($str, true);
        foreach ($json as  $value) {
           if($value\["id"\]==$vid){
               $val="TRUE";
               break;
           }else{
               continue;
           }
           }           
             if($val=="TRUE"){ ?>
        <div>
            <div style="height: 345px;width: 700px;background: black;">
                <span style="color: white;">This video has restricted content.</span>
            </div>
        </div>  
             <?php }else{
        ?>
        <div id="player">
        <iframe id="player" width="700" height="345" src="https://www.youtube.com/embed/<?php echo $vid?>?enablejsapi=1&showinfo=0&rel=0"> </iframe>
        <br/>
        <button …
Run Code Online (Sandbox Code Playgroud)

javascript php youtube iframe youtube-iframe-api

0
推荐指数
1
解决办法
1980
查看次数

“YT”未定义 - Youtube 播放器 API

我在我的 React 网站上使用Youtube Player API 。当我在网站上尝试时,出现以下错误:TypeError: Cannot read property 'ready' of undefined。这是我正在使用的代码:

var player;
function loadVideo() {
    window.YT.ready(function () {
      new window.YT.Player("player", {
        height: "390",
        width: "640",
        videoId: "M7lc1UVf-VE",
        events: {
          onReady: onPlayerReady,
          onStateChange: onPlayerStateChange,
        },
      });
    });

    function onPlayerReady(event) {
      event.target.playVideo();
      player = event.target;
    }

    function onPlayerStateChange(event) {
      var videoStatuses = Object.entries(window.YT.PlayerState);
      console.log(videoStatuses.find((status) => status[1] === event.data)[0]);
    }
  }

  useEffect(() => {
    setMaxDuration("06:00");
    var tag = document.createElement("script");
    tag.src = "https://www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName("script")[0];
    firstScriptTag.parentNode.insertBefore(tag, …
Run Code Online (Sandbox Code Playgroud)

javascript iframe reactjs youtube-iframe-api

0
推荐指数
1
解决办法
3690
查看次数