تعطيل التشغيل/الإيقاف المؤقت في الفيديو المضمن باستخدام مشغل JW

Question

أنا أستخدم مشغل JW (الإصدار 5.8) لتضمين مقطع فيديو.وأريد أن أفعل ذلك بحيث يتم تمكين التشغيل التلقائي، مما يسمح ببدء تشغيل الفيديو بمجرد تحميل الصفحة، ويتم تعطيل شريط التحكم بحيث لا يتمكن المشاهد من البحث عن نقطة عشوائية في الفيديو ووظيفة التشغيل/الإيقاف المؤقت عند النقر تم تعطيل الفيديو.لتضمين فيديو mp4، أستخدم مشغل JW.تمكنت من إنجاز المهمتين الأوليين، ولكن لتعطيل وظيفة التشغيل/الإيقاف المؤقت عند النقر على الشاشة، أحاول استخدام المكون الإضافي Clickproxy ولكنه لا يعمل.أقوم بلصق الكود الخاص بي أدناه:

<div id="mediaplayer">JW Player goes here</div>

<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">
    jwplayer('mediaplayer').setup({
        'flashplayer': 'player.swf',
        'file': 'video.mp4',
        'controlbar': 'none',
        'width': '1000',
        'height': '1000',
        'plugins': 'clickproxy',
        'clickproxy.listener': 'clickListener',
        'autostart': 'true'
    });
function clickListener(obj)
{
}
</script>

في الوقت الحالي، باستخدام هذا الرمز، يتم تحميل الفيديو، لكنه لا يبدأ حتى في التشغيل، ولا يؤدي النقر على الفيديو إلى أي شيء بسبب المكون الإضافي Clickproxy.على أي حال لتحقيق ما أريد؟أنا مبتدئ في جافا سكريبت، لذلك سأكون موضع تقدير لأي مساعدة!

شكرًا!

Answer 1

آه ، نعم ، كان هناك وظائف في المشغل للقيام بذلك (حول تجاهل النقرة) ولكن يبدو أنه يتم إزالتها باستمرار.

هذا هو الحل الذي طبقته للتو والذي يناسبني ، أقوم ببساطة بالتوصيل بحدث onPause javascript وأبدأ تشغيل الوسائط مرة أخرى. Genacodicetagpre

Answer 2

حاول وضع div شفاف فوق المشغل بنفس بُعد المشغل.

Answer 3

يمكنك استخدام أحداث مؤشر خاصية CSS على #mediaplayer لمنع حدث النقر من الانتقال إلى الفيديو:

#mediaplayer {
    pointer-events: none;
}

يمكنك أيضًا إساءة استخدام onPause الحدث كبديل للمتصفحات القديمة <IE9, ، بالقول؛قم بتشغيل الفيديو إذا تم تنفيذ حدث الإيقاف المؤقت:

jwplayer('mediaplayer').setup({
    flashplayer: 'player.swf',
    file: 'video.mp4',
    controlbar: 'none',
    width: '1000',
    height: '1000',
    autostart: 'true',
    events: {
        onPause: function() {
            this.play(true);
        }
    }
});