मैं एक वीडियो को ऑटो चलाना चाहता हूं और वीडियो प्लेयर के बाहर म्यूट और फुलस्क्रीन कंट्रोल बटन दिखाना चाहता हूं। मैं इसे हासिल करने में सक्षम नहीं हूं क्योंकि वीडियो को म्यूट/अनम्यूट या फुलस्क्रीन करने के लिए उपयोगकर्ता को पहले वीडियो प्लेयर के साथ इंटरैक्ट करना होगा।

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes


  videoOptions: {
        // video player options
        autoplay: true,
        muted: true, // muted: true is required for autoplay
        loop: true,
        controls: true,
        sources: [],
        overlays: [],
        controlBar: {
          playToggle: false,
          captionsButton: false,
          chaptersButton: false,
          subtitlesButton: false,
          remainingTimeDisplay: false,
          progressControl: {
            seekBar: false
          },
          fullscreenToggle: false,
          playbackRateMenuButton: false
        }
      },
1
Viraj Singh 8 पद 2020, 21:36

1 उत्तर

सबसे बढ़िया उत्तर

पहला कदम वीडियो प्लेयर नियंत्रणों को वीडियोऑप्शन्स प्रोप में नियंत्रणों को गलत पर सेट करके छिपाना है।

 videoOptions: {
    // video player options
    autoplay: true,
    muted: true, // muted: true is required for autoplay
    loop: false,
    controls: false, // showing controls in replay
    sources: [],
    overlays: [],
    fullscreen: false,
    controlBar: {
      playToggle: true,
      captionsButton: false,
      chaptersButton: false,
      subtitlesButton: false,
      remainingTimeDisplay: true,
      volumePanel: false,
      pictureInPictureToggle: false,
      progressControl: {
        seekBar: true
      },
      fullscreenToggle: false,
      playbackRateMenuButton: false
    }
  },

फिर वीडियो टैग या प्लेयर के बाहर प्ले/पॉज़ फ़ुलस्क्रीन के लिए बटन जोड़ें और इन बटनों पर क्लिक इवेंट लिस्टर्स संलग्न करें और मेरे मामले में मुझे फ़ुलस्क्रीन, प्ले और म्यूट बटन की आवश्यकता है जो इन कार्यों को उनके क्लिक श्रोताओं में कॉल कर सकते हैं

this.player.requestFullscreen(); // request fullscreen
this.player.exitFullscreen(); // exit fullscreen


this.player().play(); // play button



this.player.muted(value); // mute button, value can be true or false

उपयोगकर्ता क्लिक ईवेंट ऑटो प्ले नीति के कारण इन्हें काम करने के लिए आवश्यक है जो कि प्ले/फुलस्क्रीन/म्यूट किए गए कार्यों के रूप में पूर्ण रूप से क्लिक लिस्टर्स कहलाते हैं।

1
Viraj Singh 14 जिंदा 2021, 15:44