मैंने डोमप्यूरिफाई रिएक्ट जेएस लाइब्रेरी स्थापित की है और सभी दावेदारों को लोड किया है क्योंकि यह एपीआई से है लेकिन एपीआई यूट्यूब यूआरएल वीडियो लोड करने में विफल रहा लेकिन एपीआई में देखा जा सकता है।
एपीआई:
{
"id": 5,
"name": "shahiraja",
"title": "text below as a natural lead-in to additional content. This content is a little bit l text below as a natural lead-in to ad",
"image": "/media/resources/Screenshot_from_2021-09-14_19-13-25.png",
"created_at": "2022-01-03T08:07:44.451476Z",
"body": "<p><iframe frameborder=\"0\" src=\"//www.youtube.com/embed/LNkdmyHp5Co\" width=\"640\" height=\"360\" class=\"note-video-clip\"></iframe><a href=\"https://www.youtube.com/watch?v=LNkdmyHp5Co\"></a><br></p>",
"category": 1
}
कोड:
<div
class="col-md-10"
dangerouslySetInnerHTML={{ __html: sanitize(body.body) }}
></div>
1
6 जिंदा 2022, 07:46
2 जवाब
सबसे बढ़िया उत्तर
ऐसा लगता है कि sanitize आपकी ज़रूरतों के हिसाब से कुछ अलग है, iframe हटा दिया गया है। आप एक कॉन्फ़िगरेशन पास कर सकते हैं और iframe टैग की अनुमति दे सकते हैं।
<div
className="col-md-10"
dangerouslySetInnerHTML={{
__html: sanitize(body.body, { ADD_TAGS: ["iframe"] })
}}
/>
1
6 जिंदा 2022, 08:10
यदि एपीआई से आपको HTML कोड के रूप में डेटा मिल रहा है तो इसके साथ जाना बेहतर है
खतरनाक तरीके से सेट इनरएचटीएमएल
अन्यथा अगर आपको फ़ाइल का URL मिलता है तो बस वीडियो टैग का उपयोग करें।
<video
autoPlay
playsInline
muted
src={src}
onLoadedData={onLoadedData}
style={{ opacity: isVideoLoaded ? 1 : 0 }}
/>
0
6 जिंदा 2022, 08:19
ALLOWED_TAGSका उपयोग करने के लिए कहा था, लेकिन इसने अन्य सभी टैग को बाहर कर दिया, इसलिए कम प्रतिबंधात्मक क्या खोजना था। पता चला कि हम केवल स्वीकृत टैग की पहले से निर्धारित सूची में केवलiframeजोड़ना चाहते थे।