एचटीएमएल 5 वीडियो प्लेयर: गतिशील रूप से वीडियो लोड करना

Question

तो, एक HTML 5 अनुपालन वीडियो प्लेयर (जैसे वीडियो जेएस) का उपयोग करके, पूरे पृष्ठ को फिर से लोड किए बिना, वीडियो को गतिशील रूप से लोड करने के बारे में कैसे जाना होगा? कल्पना कीजिए, लिंक की एक सूची (प्लेलिस्ट की तरह कुछ), और प्रत्येक लिंक एक वीडियो को इंगित करता है। लिंक पर क्लिक करते समय, मैं चयनित वीडियो को प्लेयर में लोड करना चाहता हूं।

वर्तमान में, मैं एक इफ्रेम का उपयोग कर रहा हूं जिसमें वीडियो प्लेयर है, इसलिए मूल रूप से मैं एक चर को इफ्रेम पर पास करता हूं, और इसे पुनः लोड करता हूं। मुझे नहीं लगता कि यह कुछ कारणों से आदर्श है; यह वीडियो को पूर्ण स्क्रीन पर जाने की अनुमति नहीं देता है, बैक बटन इफ्रेम वापस मुख्य पृष्ठ नहीं लेता है, साथ ही, यह एक इफ्रेम है। मैं इसके बजाय इससे बचूँगा।

विचार? धन्यवाद!

Answer 1

एक साधारण समाधान के साथ आया। यहां लिपि है; सिर में इस फेंक:

function vidSwap(vidURL) { 
var myVideo = document.getElementsByTagName('video')[0]; 
myVideo.src = vidURL; 
myVideo.load(); 
myVideo.play(); 
} 

और फिर HREF समारोह कॉल करेगा:

<a href="#" onClick="javascript:vidSwap('myMovie.m4v'); return false;">Link</a>