क्या इन दोनों कोड ब्लॉक का इस्तेमाल किया जाना चाहिए? क्या केवल एक कोड ब्लॉक का उपयोग किया जाना चाहिए? यदि हां, तो कौन सा?

कोड प्रति video.js

<video
    id="my-player"
    class="video-js"
    controls
    preload="auto"
    poster="//vjs.zencdn.net/v/oceans.png"
    data-setup='{}'>
  <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
  <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
  <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg"></source>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a
    web browser that
    <a href="http://videojs.com/html5-video-support/" target="_blank">
      supports HTML5 video
    </a>
  </p>
</video>

कोड प्रति amp-वीडियो-iframe

function onAmpIntegrationReady(ampIntegration) {
  var myVideo = document.querySelector('#my-video');
  ampIntegration.listenTo('videojs', myVideo);
}
0
MobiCycle Ltd 11 अक्टूबर 2018, 19:37

1 उत्तर

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

amp-video-iframe, amp-story द्वारा समर्थित नहीं है। समर्थित टैग इस बात पर निर्भर करते हैं कि आप किस प्रकार की परत का उपयोग कर रहे हैं, लेकिन amp-story-grid-layer के लिए उन्हें यहां। विशेष रूप से, यदि आप वीडियो चलाना चाहते हैं, तो amp-video वर्तमान में ऐसा करने का एकमात्र तरीका है। चूंकि amp-video-iframe AMP के वीडियो इंटरफ़ेस का समर्थन करता है, आप इस GitHub मुद्दे को यहां देख सकते हैं इस सुविधा के कार्यान्वयन/समर्थन को ट्रैक करें।


लेकिन, आपके प्रश्न का उत्तर देने के लिए (क्योंकि यह एएमपी पृष्ठों के लिए प्रासंगिक है जो कहानियां नहीं हैं): दोनों स्निपेट आवश्यक हैं। पहला कोड स्निपेट वीडियो को पेज पर जोड़ता है, जबकि दूसरा कोड स्निपेट play और pause जैसी घटनाओं को सुनता है ताकि उन्हें AMP रनटाइम पर आगे-पीछे किया जा सके। ध्यान दें कि आपको यह सुनिश्चित करना होगा कि आईडी समान हैं (आपके द्वारा पोस्ट किए गए कोड में, HTML आईडी my-player द्वारा वीडियो को संदर्भित करता है, जबकि जेएस आईडी द्वारा वीडियो को संदर्भित करता है my-video)।

1
Jon Newmuis 12 अक्टूबर 2018, 01:02