मैं ध्वनि के साथ एक वीडियो एम्बेड करने का प्रयास कर रहा हूं, लेकिन मैं यह पता नहीं लगा सकता कि यह कैसे काम करता है।
वर्तमान में मैं इसका उपयोग कर रहा हूं, लेकिन काम नहीं कर रहा है:
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>
आप में से कोई भी जानता है कि मैं यह काम कैसे कर सकता हूं?
जवाबों:
अद्यतन
&mute=1अपने url के अंत में जोड़ें ।
आपका नया कोड होगा:
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1&mute=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>मेरे लिए काम करता है &autoplay=1&mute=1
&mute=1।
स्वीकृत उत्तर मेरे लिए काम नहीं कर रहा था, मैंने सफलता के बजाय इस ट्यूटोरियल का अनुसरण किया ।
मूल रूप से:
<div id="muteYouTubeVideoPlayer"></div>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'YOUR_VIDEO_ID', // YouTube Video ID
width: 560, // Player width (in px)
height: 316, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 1, // Show pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 1, // Hide the Youtube Logo
loop: 1, // Run the video in a loop
fs: 0, // Hide the full screen button
cc_load_policy: 0, // Hide closed captions
iv_load_policy: 3, // Hide the Video Annotations
autohide: 0 // Hide video controls when playing
},
events: {
onReady: function(e) {
e.target.mute();
}
}
});
}
// Written by @labnol
</script>
mute: 1अतिरिक्त के रूप में भी जोड़ सकते हैं playerVarऔर तब onReadyईवेंट की आवश्यकता नहीं है। बाद में एक अल्पविराम जोड़ना सुनिश्चित करें autohide: 0और ध्यान दें कि आप इसका उपयोग नहीं कर सकते mute: 0क्योंकि इसे 'स्पैमी' माना जाएगा। यह भी ध्यान दें कि एक बार जब आप पृष्ठ को ताज़ा करते हैं तो यह स्पष्ट रूप से मौन कर दिया जाता है।
यह आसान है। बस iframe के src पैरामीटर में mute = 1 जोड़ें ।
उदाहरण:
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?controls=0&mute=1&showinfo=0&rel=0&autoplay=1&loop=1&playlist=uNRGWVJ10gQ" frameborder="0" allowfullscreen></iframe>
<iframe src="https://www.youtube.com/embed/7cjVj1ZyzyE?autoplay=1&loop=1&playlist=7cjVj1ZyzyE&mute=1" frameborder="0" allowfullscreen></iframe>मूक = १
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>
मैं उस मित्र को धन्यवाद देना चाहता हूं जिन्होंने इस क्षेत्र में नीचे दिए गए कोड पोस्ट किए। मैंने आखिरकार एक समस्या को हल किया जो मुझे पूरे दिन के लिए करना था।
<div id="muteYouTubeVideoPlayer"></div>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'xCIBR8kpM6Q', // YouTube Video ID
width: 1350, // Player width (in px)
height: 500, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 0, // Show pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 0, // Hide the Youtube Logo
loop: 1, // Run the video in a loop
fs: 0, // Hide the full screen button
cc_load_policy: 0, // Hide closed captions
iv_load_policy: 3, // Hide the Video Annotations
autohide: 0, // Hide video controls when playing
rel: 0
},
events: {
onReady: function(e) {
e.target.setVolume(5);
}
}
});
}
// Written by @labnol
</script>स्रोत: https://developers.google.com/youtube/iframe_api_reference
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '720',
width: '1280',
videoId: 'M7lc1UVf-VE',
playerVars :{'autoplay':1,'loop':1,'playlist':'M7lc1UVf-VE','vq':'hd720'},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.setVolume(0);
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
// setTimeout(stopVideo, 6000);
done = true;
}
event.target.setVolume(0);
}
</script>
इसका हल भी ढूंढ रहा था, लेकिन मैं iframe के माध्यम से शामिल नहीं था, मेरा चित्र / वीडियो से जुड़ा था ।mp4 - यह https://www.w3schools.com/tags/att_video_muted.asp पाया - और मैंने बस जोड़ा < वीडियो नियंत्रित किया गया म्यूट> (CSS / HTML 5 समाधान), लेकिन मेरे लिए कोई JS आवश्यक नहीं ...
<iframe width="560" height="315" src="https://www.youtube.com/embed/ULzr7JsFp0k?list=PLF8tTShmRC6vp9YTjkVdm1qKuTimC6K3e&rel=0&autoplay=1&controls=1&loop=1" rel=0& frameborder="0" allowfullscreen></iframe>
इसे इस्तेमाल करे
<iframe width="420" height="315" src="http://www.youtube.com/embed/
HeQ39bLsoTI?autoplay=1&cc_load_policy=1" volume="0" frameborder="0"
allowfullscreen></iframe>
मात्रा लिखना न भूलें = "0"