پرسش و پاسخ – ویدئو در صفحات وب

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با پرسش و پاسخ – ویدئو در صفحات وب با من همراه باشید.

پرسش و پاسخ - ویدئو در صفحات وب

Free-Learn

پرسش از شما، پاسخ از بنده تا جایی که بتونم و در توانم باشه، لطفا پرسش تان را فقط در رابطه با بخش مشخص شده ارسال نمایید تا نظم و ترتیب در بخش پرسش و پاسخ بخوبی رعایت شود.

برای مشاهده بخش – آموزش نحوه قرار دادن ویدئو در صفحات وب لطفا اینجا کلیک نمایید. .

لطفا پرسشی که ارسال مینمایید فقط مربوط به بخش [آموزش نحوه قرار دادن ویدئو در صفحات وب] باشد، در غیراینصورت پرسش شما تایید نخواهد شد.

Free-Learn

دریافت PDF یا پرینت این مطلب

24 پرسش و پاسخ

  1. سلام ممنون از سایت خوبتون
    من برای گذاشتن ویدیو با زیرنویس داخل سایت و وبلاگم مشکل دارم. کدی رو که گذاشتین رو کپی کردم و آدرس ویدیو و زیرنویسی که آپلود کردم رو جایگزین کردم. ویدیو پخش میشه ولی بدون زیرنویس. فرمت زیرنویس هم vtt کردم نمیدونم مشکل از کجاس. اگر ممکنه راهنماییم کنید. ممنون

    • سلام خدمت شما دوست خوبم
      خیلی خوشحالم از اینکه افتخار دادید به بنده و خیلی خوشحالتر میشم اگه بتونم کمکی بکنم.
      من وبلاگ شمارو بررسی کردم.
      مشکل اصلی اینه، آدرس هایی که گذاشتید آدرس های مستقیم نیست بلکه لینک یا آدرس های غیرمستقیم است.
      پس در مرحله اول باید لینک ویدئوتون آدرس مستقیم باشه.
      و نکته ای که در مورد فایل زیرنویس می باشد اینه که فایل زیرنویس و صفحه وبتون (صفحه ای که کدهای تگ video درش قرار دارن) باید هردو بروی یک سرور ( مثلا سرور سایت خودتون ) قرار داشته باشن در غیراینصورت فایل زیرنویس پخش نخواهد شد.
      ============
      آدرس فایل ویدئویی که در فری لرن گذاشته شده :
      https://files.free-learn.ir/Try/html/html_learn/video/demo.mp4
      ============
      باتشکر

      • خیلی متشکرم از پاسخگویی خوبتون.
        من این کار رو انجام دادم و لینک های شما رو گذاشتم. اما همچنان همون مشکل هست. وقتی توی تک track آدرس زیرنویس رو میگذارم کلا گزینه caption از نوار کنترل حذف میشه.

        • خب الان من ویدئو رو در وبلاگ شما بدون مشکل میبینم.
          میمونه زیرنویس، اونم همونطور که گفتم باید حتما بروی سرور سایتتون باشه. (یعنی صفحه وب تون و فایل زیرنویس باید بروی یک سرور باشند)
          اگه لطفا بفرمایید و کدهارو بروی یک فضای هاست رایگان (شرکت هایی که هاست رایگان ارائه میدن) آپلود نمایید، سپس فایل زیرنویس رو نیز در هاست آپلود نمایید ، بعدش میبینید که مشکلی در نمایش فایل زیرنویس وجود ندارد.
          + یه روش یا ترفند دیگه هس: اینکه صفحه وبتون رو (اونی که توش کدپخش ویدئو و زیرنویس هس) رو بصورت آی فریم بزارید تو وبلاگتون.
          موارد بالارو امتحان کنید حتما مشکلتون حل خواهد شد
          باتشکر

  2. سلام خسته نباشین ببخشید من از تگ ویدیو استفاده کردم فایل ویدیوییمو درج کردم ولی یه مشکلی که هست اینه اون سه نقطه بغل که برای دانلود ویدیو هست برای من نمیاد دستور خاصی داره؟ اخه کدهای شمارو که دیدم دستوری درج نکردین ولی اجازه دانلود زمان اجرا ویدیو هست.ممنون میشم راهنمایی کنین

    • سلام و عرض ادب خدمت شما دوست عزیز و محترم
      خیلی ممنونم از اینکه وقت گذاشتید و به بنده افتخار دادید.
      همیشه این رو بدونید مرورگرها میتونه ساختارشون باهمدیگه فرق داشته باشه.
      در نتیجه یک تگ هم میتونه در مرورگرهای مختلف حالت نمایشش متفاوت باشه، مثلا همین تگ video که در مرورگر گوگل کروم قابلیت دانلود داره ولی در فایرفاکس خیر.
      هرچند میشه خودمون یک دکمه برای دانلود ویدئومون بزاریم ولی خب در کل مرورگر گوگل کروم خودش بصورت اتومات و پیش فرض قابلیت دانلود رو اضافه میکنه.
      پس طبیعتا شما با مرورگر گوگل کروم سایت بنده رو مشاهده مینمایید بخاطره همین باکس دانلودم میاد ولی ممکنه صفحه وب خودتون رو با مرورگر فایرفاکس باز کنید.
      حال شما لطف بفرمایید و صفحه وبتون رو با مرورگر گوگل کروم باز و مشاهده نمایید.
      بعد اگه باز مشکلی بود خواهش میکنم حتما بهم بگید
      موفق و سلامت باشید

  3. با عرض سلام و خسته نباشید
    من از همین تگ استفاده کردم همونطور که شما فرمودید
    ولی در مرورگر فایرفاکس و کروم ویدئو مشاهده میشه ولی در اکسپلورر یه باکس مشکی میاد که داخلش قسمت پایین نوشته Aborted و فایل نمایش داده نمیشه
    لطف میفرمایید راهنماییم کنید؟
    ممنونم از اطلاعات خوب سایتتون

    • با سلام و عرض ادب
      لطفا آدرس فایل ویدئوتون رو چک نمایید که مشکلی نداشته باشد.
      دوم اینکه مطمئن شوید که از تگ video به درستی استفاده کرده اید.
      یک مثال از نمایش ویدئو ( کلیک کنید ) – شماهم طبق این مثال عمل نمایید.
      در صفت src آدرس دقیق فایل ویدئوتون رو وارد نمایید.
      اگه باز مشکل داشتید لطفا سورس کدتون رو به ایمیل FreeLearn20181@gmail.com ارسال نمایید تا بررسی و جواب صحیح برای شما ارسال شود.
      باتشکر

  4. سلام
    میخواستم بدونم اگه بخوام ویدیوهای زیادی روی سایتم قرار بدم و بعضی از اونها فقط در صورت خرید قابل پخش بشن (از سرویس هایی مثل آپارات هم نمیخوام استفاده کنم) چه راهی هست؟

    • با سلام خدمت شما دوست خوبم
      خب برای اینکار روش های مختلفی وجود داره ولی لطفا به نکات و توضیحات زیر توجه نمایید

      در مرحله اول خب باید مشخص شه که سایت شما از چه سیستمی استفاده میکنه؟ مثلا وردپرس هست یا مثلا جوملا و یا نه سایتتون کاملا اختصاصی کدنویسی شده توسط شرکت ها یا اشخاص مرتبط با این کار.

      اگه با سیستمی همچون وردپرس ایجاد شده باشه خب خیلی راحت میتونید با استفاده از افزونه Restrict Content Pro یک سیستم تعیین سطح اشتراکی ایجاد کنید، مثلا بگید باید اشتراک ماهانه با فلان قیمت خریداری کنید تا بعدش بتونید به فلان محتوا دسترسی داشته باشید. دیگه کاربر باید بصورت آنلاین هزینه اشتراک یه ماهه یا ۳ماهه یا هرچی که شما تعیین کنه باید پرداخت کنه تا بعدش بتونه مثلا اون مطلب یا پستارو ببینه ( که یک مطلب میتونه حاوی ویدئو یا متن یا هرچیزی باشه )

      یاهم میتونید کاری کنید که کاربر اول هزینه شو پرداخت کنه بعدش فایل دانلودیش در اختیارش قرار بگیره و بتونه دانلودش کنه، اینجا دیگه باید از افزونه ای همچون دانلود به ازای پرداخت ( Easy digital download ) استفاده کنید، این دیگه اول هزینه رو کاربر باید پرداخت کنه بعدش فایلش در دسترس قرار میگیره و میتونه دانلود کنه.

      اگه هم از سیستم اختصاصی که شرکت یا شخصی براتون کدنویسی کرده استفاده میکنید باید به همون شرکت یا شخص بگید تا همچین سیستمی براتون ایجاد کنه.

      ولی یسری نکات مهم :
      اگه بخواید یه سایت که خیلی ویدئو روش باشه و همشونم اختصاصی تو سایت خودتون باشه، و همشونم پخش آنلاین باشند، یعنی از آپارات یا دیگر سرویس دهندگان استفاده نکنید، خب اینکار نیاز به هزینه نسبتا زیادی هست برای سرور سایتتون، چون هاست های معمولی توان کافی برای پخش ویدئو ندارند و شما باید از سرورهای اختصاصی یا حداقل هاست هایی که برای ویدئو مناسب هستند استفاده کنید.

      و اینکه کاربر مثلا اول هزینه شو پرداخت کنه و بعدش ویدئو رو بصورت آنلاین ببینه تا اینکه کاربر هزینه رو پرداخت کنه و بعدش فایل ویدئو رو بتونه دانلود کنه از نظر عملکرد و ساختار فرق میکنند، یعنی پرداخت به ازای تماشا هزینه ی زیادی از نظر هاست و سرور براتون داره ولی پرداخت به ازای دانلود چون دیگه پخش نمیشه هزینه ی کمتری باتون داره.

      برآورد هزینه، جهت راه اندازی سیستم محدود سازی محتوا با وردپرس : بصورت تخمینی حدود ۳۰۰ هزارتومان ( با درگاه پرداخت و همه چی )
      برآورد هزینه، جهت راه اندازی سیستم محدود سازی محتوا با سیستم اختصاصی : بصورت تخمینی حدود ۲,۰۰۰,۰۰۰ تومان ( البته بستگی داره به اون شرکت یا شخص طراح که ممکنه کمتر یا بیشتر باشه )
      ( این هزینه بصورت تخمینی می باشند )

      باتشکر

  5. سلام
    وقتتون بخیر
    مشکل بنده اینه که بعضی اوقات وقتی فایل های ویدیویی رو روی وبلاگم آپلود می کنم با اینکه قبل از آپلود، زیرنویسشون رو با نرم افزار بهشون می چسبونم اما بعد از آپلود، بعضی از ویدیوها زیرنویس فارسیش یا کلا زیرنویسش نمایش داده نمیشه
    ممنون میشم راهنمایی کنید

    • باسلام و عرض ادب
      لطفا آدرس یکی از مطالبتون که ویدئو داره و زیرنویس هم بهش چسبیده شده ولی نمایش داده نمیشه رو بفرستید تا بررسی شه.
      با اینحال اگه زیرنویس به درستی ( بدون هیچ مشکلی ) چسبیده باشه به ویدئو نباید مشکلی در پخش وجود داشته باشه.
      و اگه هم بخواید از فایل زیرنویس ( فایل زیرنویس با فرمت vtt. ) استفاده نمایید خیلی راحت میتونید از این مثال کمک بگیرید. ( مشاهده مثال )
      + نکته ۱ : باید فایل زیرنویس با فرمت vtt. باشه.
      + نکته ۲ : باید فایل زیرنویس و فایل ویدئو بروی یک سرور و در کنار همدیگه باشند.
      باتشکر

      • مجدد سلام
        وقتتون بخیر
        ممنون از پاسخگویی و راهنمایی
        اما مشکل اینه که چون فقط بخشی از فیلم ها رو آپلود می کنم فکر نمی کنم بتونم از طریق فرمت vtt زیرنویسش رو هم آپلود کنم
        بهر صورت ممنون
        این آدرس یکی از اون مطالب هست:
        [ یک لینک در اینجا بود که حذف شد ]
        سپاسگزارم

        • باسلامی مجدد
          من فکر میکنم کلا مشکل از ویدئوست و اینکه ویدئوی شما زیرنویس چسبیده نداره، شاید در جایی که این ویدئو رو برداشتید بله زیرنویس داشته، ( که اونجا بصورت آنلاین زیرنویس رو بهش چسبوندن و فایلش با فایل ویدئو جداست )
          و اگه هم زیرنویس با نرم افزار به ویدئو چسبیده شده باشه ، نباید مشکلی در پخش داشته باشه، چون در اونصورت فایل خروجی یک فایل واحد می باشد. ( نمونه ویدئو با زیرنویس چسبیده بصورت نرم افزاری – کلیک کنید )
          باتشکر

  6. سلام
    در حال حاضر در سایتم تو قسمت ها ویدیوها، باید برم تو سایت آپارات ویدیوهارو بارگذاری کنم و لینک مورد نظر رو کپی کنم تا بتونم تو سایت خودم قرار بدم و نمایش بده . میخواستم بدونم برای اینکه نیازی به این کار نباشه و بتونم ویدیو هارو مستقیم تو سایت خودم آپلود کنم و نمایش بدم باید چیکار کنم؟

    • باسلام و عرض ادب خدمت شما دوست خوبم امیدوارم که حالتون خوب باشه
      خب ببینید ما کلا ۲ حالت داریم
      حالت اول : همینکاری که الان در حال حاضر دارید انجام میدید ( یعنی آپلود در سایت دیگر و قرار دادن لینک در سایت خودتون )

      حالت دوم : در این حالت شما باید سایتتون خودش این قابلیت رو داشته باشه ، یعنی قابلیت آپلود ویدئو و حتی نگهداری در سرورهای سایت خودتون و در نهایت نمایش آن در سایتتون.

      اگه بخواید حالت دوم رو داشته باشید خب مشخصه باید یه سایت داشته باشید که این قابلیت رو داشته باشه
      میشه از قالب های آماده و سیستم مدیریت محتوایی مثه وردپرس استفاده کرد یا هم خودتون اختصاصی سایت با این قابلیت ها طراحی کنید

      برای طراحی بصورت اختصاصی هم حداقلش باید زبان php و پایگاه داده mysql رو بلد باشید
      یعنی بطور کلی اگه بخواید خودتون اختصاصی برای خودتون همچین چیزی طراحی کنید باید html , css , js , jquery,php , mysql رو بلد باشید

  7. سلام روزبخیر من یه سوالی داشتم
    من ویدیو خودمو درون سایتم قرار دادم حالا لینک سایت رو میخوام برای یه نفر بفرستم خوب اول اینکه اون مسیری که فایل html من قرار دارد ممکنه درون کامپیوتر اون شخص وجود نداشته باشه همچنین اون ویدیو من باید چکار کنم ؟

    • باسلام و عرض ادب
      خب چندین حالت وجود داره

      حالت اول ( اگه سایت دارید ) :
      اگه سایت شما آنلاین باشه ( یعنی منظور ساییتون فعاله در اینترنت ) خب خیلی راحت اول فایل هاتون رو روی هاستتون آپلود میکنید و بعدش آدرس صفحه رو بدید به دوستتون، و وقتی دوستتون بیاد تو آدرس خب محتوای شمارو میتونه ببینه
      بفرض مثال من به شما آدرس زیر رو میدم و شما میاید داخلش و محتوای منو میبینید، به همین راحتی
      https://files.free-learn.ir/Try/html/html_learn/Tryit_html_Video_In_html5_T2.html

      حالت دوم ( اگه سایت ندارید ) :
      خب اگه سایت ندارید یا در مجموع آنلاین نیستید شما باید فایل هاتون رو برای دوستتون بفرستید.
      مثلا یک صفحه HTML دارید و یک فایل ویدئو، خب باید همینارو کامل برای دوستتون بفرستید
      بفرض مثال من یک فایل HTML دارم و یک فایل ویدئو و میخوام اینارو براتون بفرستم، خب خیلی راحت هر۲فایل رو میفرستم برای شما
      مثلا فایل زیر رو شما دانلود کنید و میبیند که داخلش ۲ تا فایل هست، اون فایل HTML و فایل ویدئو ( شماهم باید همینکارو کنید )
      دانلود نمونه

      اگه باز مشکلی بود بگید بهم ،باتشکر

    • باسلام و عرض ادب
      اگه همه چی رو به درستی انجام داده باشید نباید مشکلی باشه ولی حتما یجای کار مشکل داره
      یبار دیگه با دقت بررسی کن
      بررسی کن که از تگ video به درستی استفاده کردی و اینکه بررسی کن خوده فایل ویدئو مشکلی نداشته باشه
      یاهم میتونی سورس کدتو بفرستی به ایمیل تا بررسی شه
      Freelearn20181@gmail.com
      باتشکر

پرسش تان را ارسال نمایید

لطفا متن پرسش تان را وارد نمایید.
لطفا نام تان را وارد نمایید.