मैंने डोमप्यूरिफाई रिएक्ट जेएस लाइब्रेरी स्थापित की है और सभी दावेदारों को लोड किया है क्योंकि यह एपीआई से है लेकिन एपीआई यूट्यूब यूआरएल वीडियो लोड करने में विफल रहा लेकिन एपीआई में देखा जा सकता है।

एपीआई:

{
    "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
AMRIT SHAHI 6 जिंदा 2022, 07:46

2 जवाब

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

ऐसा लगता है कि sanitize आपकी ज़रूरतों के हिसाब से कुछ अलग है, iframe हटा दिया गया है। आप एक कॉन्फ़िगरेशन पास कर सकते हैं और iframe टैग की अनुमति दे सकते हैं।

<div
  className="col-md-10"
  dangerouslySetInnerHTML={{
    __html: sanitize(body.body, { ADD_TAGS: ["iframe"] })
  }}
/>

Edit how-to-load-api-data-video-url-in-react-js

enter image description here

1
Drew Reese 6 जिंदा 2022, 08:10
1
इसने काम किया धन्यवाद, क्या मेरे पास इसके बारे में और पढ़ने के लिए एक लिंक हो सकता है?
 – 
AMRIT SHAHI
6 जिंदा 2022, 08:43
आधिकारिक दस्तावेज 😉 जैसा कुछ भी नहीं है, इसमें बस एक मिनट लगता है सभी उदाहरणों से ग्रोक। उदाहरण के लिए, मैंने शुरू में ALLOWED_TAGS का उपयोग करने के लिए कहा था, लेकिन इसने अन्य सभी टैग को बाहर कर दिया, इसलिए कम प्रतिबंधात्मक क्या खोजना था। पता चला कि हम केवल स्वीकृत टैग की पहले से निर्धारित सूची में केवल iframe जोड़ना चाहते थे।
 – 
Drew Reese
6 जिंदा 2022, 08:45

यदि एपीआई से आपको HTML कोड के रूप में डेटा मिल रहा है तो इसके साथ जाना बेहतर है

खतरनाक तरीके से सेट इनरएचटीएमएल

अन्यथा अगर आपको फ़ाइल का URL मिलता है तो बस वीडियो टैग का उपयोग करें।

<video
    autoPlay
    playsInline
    muted
    src={src}
    onLoadedData={onLoadedData}
    style={{ opacity: isVideoLoaded ? 1 : 0 }}
  />
0
jatin.7744 6 जिंदा 2022, 08:19