【问题标题】:youtube video on backgroundyoutube 视频背景
【发布时间】:2021-12-13 14:05:41
【问题描述】:

正如您在此页面中看到的那样,我正在 html 背景上播放 YouTube 视频 http://khayalshop.net/video.a5w

一切正常,但在背景播放视频时声音不正常 缺少什么? 视频播放时是否可以播放声音?

这是页面上写的代码

 <!DOCTYPE html>
 <html>
 <head>
  <meta name="generator" content="Alpha Anywhere HTML Editor Version 12 
 Build 2089-4283">
 <!-- must use in order to make XP Themes render -->
 <meta HTTP-EQUIV="MSThemeCompatible" content="Yes" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, 
 maximum-scale=1.0, user-scalable=no" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <style>
 <!--
 #player {width: 100%; height: 100%; position: fixed; z-index: -99;}
 #myid {background: rgba(0,0,0,.1); width: 100%; height: 100%; position: 
 fixed; z-index: 1;}
 iframe .html5-video-player .html5-watermark {display: none !important;}
 -->
 </style>
 <script>
 <!--
 var player;

 function onYouTubePlayerAPIReady() {
 player = new YT.Player('player', {
    playerVars: {
        'autoplay': 1,
        'controls': 0,
        'autohide': 1,
        'wmode': 'opaque',
        'showinfo': 0,
        'loop': 1,
        'mute': 1,
        'modestbranding': 1,
        //'start': 15,
        //'end': 110,
        'playlist': 'zbB_ghXp5L0'
    },
    videoId: 'zbB_ghXp5L0',
    events: {
        'onReady': onPlayerReady
    }
   });

   }

  function onPlayerReady(event) {
  event.target.mute();
  $('#text').fadeIn(400);
  //why this? Well, if you want to overlay text on top of your video, 
  you
   //will have to fade it in once your video has loaded in order for 
    this
   //to work in Safari, or your will get an origin error.
  }

  //this pauses the video when it's out of view, just wrap your video in 
  .m-//video
  $(window).scroll(function() {
  var hT = $('.m-video').height(),
   wS = $(this).scrollTop();
   if (wS > hT) {
   player.pauseVideo();
    }
   else {
   player.playVideo();
   }
   });
   -->
   </script>
   <title></title>
   </head>
   <body>
   <script src="https://www.youtube.com/player_api"></script>
   <div id="myid"></div>
   <div id="player"></div>



   </body>

   </html>

【问题讨论】:

    标签: javascript html youtube video-streaming


    【解决方案1】:

    试试:

    'mute': 1
    

    或者:

    搜索视频播放后如何以编程方式提高音量(即player.playVideo();)。

    【讨论】:

    • 我尝试了一切都没有工作
    猜你喜欢
    • 2017-05-27
    • 1970-01-01
    • 2020-03-26
    • 2014-09-24
    • 1970-01-01
    • 1970-01-01
    • 2017-09-27
    • 1970-01-01
    • 2016-02-14
    相关资源
    最近更新 更多