استبدال صورة مع الفيديو المدمجة

Question

ومرحبا أنا أحاول لتعديل صفحة على شبكة الإنترنت بحيث يقوم بتحميل أسرع. منذ لدي بعض أشرطة الفيديو مطعم ب (blip.tv ولكن يمكن تغييره على يوتيوب إذا كان ذلك يساعد) وأتساءل عما إذا كنت قد تحميل صورة حيث يجب أن يكون الفيديو وعلى انقر فوق استبدال الصورة مع الفيديو وبدء اللعب (دون إعادة تحميل صفحة كاملة). أعتقد أنني قد رأيت هذا من قبل، ولكن لا يمكن العثور عليه في أي مكان بعد الآن! الآن رمز لتضمين الأول هو استخدام:

<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>

والشكر

Answer 1

وسريعة وقذرة: هل يمكن أن مجرد تعيين تضمين قانون عالمي متغير مكان ما:

<script type="text/javascript">
    var embedCode = '<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>'
</script>

وثم وضع الصورة في شعبة الحاويات واستبدال الحاوية HTML داخلي عند _ النقر:

<div id="videocontainer">
    <img src="yourimage.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="500" width="600" />
</div>

Answer 2

وهناك مشروع قانون جوجل دعا SWFObject، ما يجعله مثاليا لما تحتاجه. انها عبر متصفح جافا سكريبت مكتبة للفلاش تحميل - والتي يمكن استخدامها لتحل محل الصورة مع الفيديو فلاش عندما ينقر على الصورة، على سبيل المثال